.fg-header-row {
	align-items: center;
}

.fhn-header-active {
	flex-wrap: wrap;
	justify-content: space-between;
}

.fhn-header-active > .fhn-header-logo-column,
.fhn-header-active > .fhn-header-actions-column {
	flex: 0 0 auto;
	width: auto;
}

.fg-header-notice-slot {
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.fhn-header-notice {
	color: #fff;
	display: block;
	font-family: var(--fg-font-body, inherit);
	max-width: min(100%, 820px);
	width: 100%;
}

.fhn-header-notice__desktop {
	align-items: center;
	border-left: 1px solid rgba(214, 223, 35, 0.45);
	display: flex;
	gap: 10px;
	justify-content: center;
	min-height: 44px;
	overflow: hidden;
	padding: 0 18px;
	white-space: nowrap;
}

.fhn-header-notice__label {
	background: #d6df23;
	color: #070707;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	padding: 6px 8px;
	text-transform: uppercase;
}

.fhn-header-notice__title {
	color: #d6df23;
	font-size: clamp(14px, 1.2vw, 17px);
	font-weight: 800;
	line-height: 1.2;
}

.fhn-header-notice__text {
	color: rgba(255, 255, 255, 0.86);
	font-size: clamp(13px, 1vw, 15px);
	line-height: 1.25;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fhn-header-notice__button {
	border: 1px solid rgba(214, 223, 35, 0.75);
	color: #d6df23;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	padding: 8px 10px;
	text-decoration: none;
	transition: background 160ms ease, color 160ms ease;
}

.fhn-header-notice__button:hover,
.fhn-header-notice__button:focus {
	background: #d6df23;
	color: #070707;
	text-decoration: none;
}

.fhn-header-notice__mobile {
	display: none;
}

@media (min-width: 992px) {
	.fg-header-notice-slot {
		flex: 1 1 auto;
		width: auto;
	}
}

@media (max-width: 991.98px) {
	.fg-header-row {
		row-gap: 10px;
	}

	.fg-header-notice-slot {
		flex: 0 0 100%;
		justify-content: stretch;
		order: 3;
		width: 100%;
	}

	.fhn-header-active > .fhn-header-actions-column {
		margin-left: auto;
	}

	.fhn-header-notice {
		max-width: none;
	}

	.fhn-header-notice__desktop {
		display: none;
	}

	.fhn-header-notice__mobile {
		border-top: 1px solid rgba(255, 255, 255, 0.16);
		display: block;
		width: 100%;
	}

	.fhn-header-notice__mobile summary {
		align-items: center;
		color: #fff;
		cursor: pointer;
		display: flex;
		gap: 8px;
		list-style: none;
		min-height: 42px;
		padding: 9px 0 0;
	}

	.fhn-header-notice__mobile summary::-webkit-details-marker {
		display: none;
	}

	.fhn-header-notice__mobile summary::after {
		border-bottom: 2px solid #d6df23;
		border-right: 2px solid #d6df23;
		content: "";
		display: block;
		height: 8px;
		margin-left: auto;
		transform: rotate(45deg);
		transition: transform 160ms ease;
		width: 8px;
	}

	.fhn-header-notice__mobile[open] summary::after {
		transform: rotate(225deg);
	}

	.fhn-header-notice__summary {
		color: rgba(255, 255, 255, 0.9);
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.fhn-header-notice__mobile-body {
		padding: 8px 0 4px;
	}

	.fhn-header-notice__mobile-body p {
		color: rgba(255, 255, 255, 0.82);
		font-size: 14px;
		line-height: 1.45;
		margin: 6px 0 10px;
	}
}

@media (max-width: 575.98px) {
	.fhn-header-notice__label {
		font-size: 11px;
		padding: 5px 7px;
	}

	.fhn-header-notice__summary {
		font-size: 13px;
	}
}
