/**
 * Шапка en.paralymp.ru.
 * Перебивает абсолютные координаты RU (logo30let + .logo__text).
 * Подключать последним.
 */

.main {
	min-width: 0;
	max-width: 100%;
}

.header .logo,
header.header .logo,
header.header > a.logo,
header.header > a.logo:first-of-type,
header.header > a:first-of-type {
	position: absolute !important;
	left: 0 !important;
	top: 12px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	width: auto !important;
	max-width: 430px !important;
	height: auto !important;
	min-width: 0 !important;
	font-size: 26px !important;
	font-weight: bold !important;
	line-height: 1.15 !important;
	text-transform: uppercase !important;
	color: #2b2b2b !important;
	z-index: 2;
}

.header .logo__text,
header.header .logo__text {
	display: block !important;
	padding: 0 !important;
	min-width: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
}

.header #logo,
header.header #logo,
header.header a.logo #logo,
#logo {
	position: static !important;
	float: none !important;
	display: block !important;
	flex: 0 0 auto !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: 88px !important;
	max-height: 100px !important;
	max-width: 70px !important;
	object-fit: contain !important;
	margin: 0 !important;
}

/* Надпись занимает левую часть, утилиты — правую, как на RU */
.header .header-right {
	position: absolute !important;
	left: auto !important;
	right: 0 !important;
	top: 0 !important;
	width: auto !important;
	max-width: calc(100% - 360px) !important;
	padding-top: 45px !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-rows: auto auto !important;
	column-gap: 16px !important;
	row-gap: 10px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.header .header-topbar,
.header .header-actions {
	display: contents !important;
}

.header .header-topbar-left,
.header .header-actions-left,
.header .header-topbar-right,
.header .header-actions-right,
.header #nullp,
.header img.plus,
.header .lang,
.header .personal-cabinet-link,
.header-topbar-right > .personal-cabinet-link,
.header .personal-cabinet-split,
.header .search-block,
.header div.plus,
.header .oneplus,
.header .twoplus,
.header #table_soc_icons1,
.header .header-actions-left {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	margin: 0 !important;
	padding-left: 0 !important;
}

.header .header-topbar-left,
.header .header-actions-left {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	min-width: 0 !important;
}

.header .header-topbar-right,
.header .header-actions-right {
	display: flex !important;
	align-items: center !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
}

.header .header-topbar-right {
	justify-content: flex-end !important;
	gap: 8px !important;
}

.header .header-actions-right {
	justify-content: flex-end !important;
}

.header .personal-cabinet-link,
.header-topbar-right > .personal-cabinet-link {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	height: 25px !important;
	line-height: 25px !important;
	font-size: 10px !important;
	padding: 0 10px 0 26px !important;
	white-space: nowrap !important;
	overflow: visible !important;
	background-color: #113f77 !important;
	background-image: url("/design/images/icons.png") !important;
	background-position: 8px -53px !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
}

.header .personal-cabinet-link:hover,
.header-topbar-right > .personal-cabinet-link:hover {
	background-color: #009055 !important;
}

.header .personal-cabinet-link.personal-cabinet-link--with-fa,
.header-topbar-right > .personal-cabinet-link.personal-cabinet-link--with-fa {
	padding: 0 10px !important;
	gap: 6px !important;
	background-image: none !important;
}

.header .personal-cabinet-link.personal-cabinet-link--with-fa::before,
.header .personal-cabinet-link.personal-cabinet-link--with-fa:hover::before {
	content: none !important;
	display: none !important;
}

.header .header-actions-right .search-block,
.header .search-block {
	width: 192px !important;
	max-width: 192px !important;
	background-color: #fff !important;
	box-sizing: border-box !important;
}

.header .top-navi {
	left: 0 !important;
	right: 0 !important;
	top: 146px !important;
	width: 100% !important;
	max-width: 940px !important;
}

.header .top-navi_link {
	padding: 0 12px !important;
	color: #fff !important;
}

.header .top-navi_item:hover > .top-navi_link,
.header .top-navi_item.active > .top-navi_link {
	color: #0eab6b !important;
}

/* ===== Планшет / узкий экран: без абсолютных координат RU ===== */
@media only screen and (max-width: 890px) {
	.header,
	header.header {
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		column-gap: 10px !important;
		row-gap: 8px !important;
		padding: 8px 10px 0 !important;
		box-sizing: border-box !important;
		overflow: visible;
	}

	.header .logo,
	header.header .logo,
	header.header > a.logo,
	header.header > a.logo:first-of-type,
	header.header > a:first-of-type {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		display: flex !important;
		align-items: center !important;
		width: auto !important;
		max-width: 280px !important;
		margin: 0 !important;
		flex: 0 1 auto !important;
		font-size: 16px !important;
	}

	.header .logo__text,
	header.header .logo__text {
		display: block !important;
	}

	.header #logo,
	header.header #logo,
	header.header a.logo #logo,
	#logo {
		height: 64px !important;
		max-height: 64px !important;
		max-width: 52px !important;
		width: auto !important;
	}

	.header .header-right {
		position: static !important;
		left: auto !important;
		right: auto !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px 12px !important;
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		min-width: 0 !important;
	}

	.header .header-topbar,
	.header .header-actions {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.header .header-topbar-left,
	.header .header-topbar-right,
	.header .header-actions-left,
	.header .header-actions-right,
	.header .lang,
	.header .personal-cabinet-link,
	.header-topbar-right > .personal-cabinet-link,
	.header .personal-cabinet-split,
	.header .search-block,
	.header .header-actions-left,
	.header #table_soc_icons1,
	.header #nullp,
	.header .oneplus,
	.header .twoplus {
		position: static !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		z-index: auto !important;
		padding-left: 0 !important;
	}

	.header #table_soc_icons1 {
		justify-content: flex-start !important;
	}

	.header .personal-cabinet-link,
	.header-topbar-right > .personal-cabinet-link {
		background-color: #113f77 !important;
		color: #fff !important;
	}

	.header .search-block,
	.header .header-actions-right .search-block {
		width: 180px !important;
		max-width: 180px !important;
	}

	.header .search-block_text {
		font-size: 16px !important;
		width: 140px !important;
	}

	.header .top-navi,
	.header .top-navi.nav {
		flex: 1 0 100% !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		margin: 0 -10px !important;
		padding: 50px 0 0 !important;
		box-sizing: border-box !important;
	}

	.header .nav-mobile {
		top: 0 !important;
		right: 0 !important;
	}
}

@media only screen and (max-width: 554px) {
	.header .logo__text,
	header.header .logo__text {
		display: none !important;
	}

	.header .header-right,
	.header .header-topbar,
	.header .header-actions {
		flex: 1 1 100% !important;
		width: 100% !important;
	}

	.header .header-topbar-right,
	.header .header-actions-right {
		width: 100% !important;
		max-width: 100% !important;
		justify-content: flex-start !important;
	}

	.header .search-block,
	.header .header-actions-right .search-block {
		width: 100% !important;
		max-width: 100% !important;
	}

	.header .twoplus {
		display: none !important;
	}
}