/* Codex: keep top category hover menus close to their content width. */
@media (min-width: 1200px) {
	.header__tags-offcanvas--fullwidth.header__tags-offcanvas--w1142 {
		width: auto !important;
		min-width: 28rem;
		max-width: min(72rem, calc(100vw - 6rem));
		padding: 2.4rem 3rem;
	}

	.header__tags-offcanvas--fullwidth > .row {
		width: auto;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.header__tags-offcanvas--fullwidth > .row > .col-8 {
		-ms-flex: 0 1 auto !important;
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	.header__tags-offcanvas--fullwidth > .row > .col-4 {
		display: none !important;
	}

	.header__tags-offcanvas--fullwidth > .row > .col-8 > .row {
		width: auto;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.header__tags-offcanvas--fullwidth > .row > .col-8 > .row > .col-4 {
		-ms-flex: 0 0 auto !important;
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: 36rem !important;
		padding-left: 0;
		padding-right: 0;
	}

	.header__tags-offcanvas--fullwidth .header__catalog-title,
	.header__tags-offcanvas--fullwidth .header__catalog-menu {
		width: max-content;
		max-width: 36rem;
	}

	.header__tags-offcanvas--fullwidth .header__catalog-link {
		white-space: normal;
	}
}

/* Codex: direct employee access to the company webmail. */
.header__info-link--employee-mail {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.7rem;
	font-weight: 700;
}

.header__info-link--employee-mail .icon-social-email {
	width: 1.6rem;
	height: 1.6rem;
	fill: currentColor;
}

.header__nav-employee-mail {
	margin: 1.6rem 0;
}

.header__nav-employee-mail-link {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	gap: 1rem;
	min-height: 4.8rem;
	padding: 1.2rem 1.6rem;
	border-left: 0.3rem solid var(--theme-primary-color, #7266f3);
	border-radius: 0.4rem;
	background: #f2f4f6;
	color: #17191c;
	font-weight: 700;
}

.header__nav-employee-mail-link:hover,
.header__nav-employee-mail-link:focus {
	color: var(--theme-primary-color, #7266f3);
}

.header__nav-employee-mail-link .icon-social-email {
	width: 2rem;
	height: 2rem;
	-ms-flex: 0 0 2rem;
	flex: 0 0 2rem;
	fill: currentColor;
}