/* Khoảng trống dành cho mega menu fixed, giữ promo bar không bị kéo giãn. */
.imta-mega-menu-promo-spacer {
	height: var(--imta-mega-menu-promo-offset, 0px);
	pointer-events: none;
	transition: height .24s cubic-bezier(.22, .61, .36, 1);
}

/* Thanh thông báo hiển thị bên dưới header. */
.imta-promo-bar {
	align-items: center;
	background: #050505;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	justify-content: center;
	margin-top: 0;
	min-height: 30px;
	padding: 8px 58px;
	position: relative;
	text-align: center;
	transition: margin-top .24s cubic-bezier(.22, .61, .36, 1);
	z-index: 20;
}

.imta-promo-bar__link,
.imta-promo-bar__text {
	color: inherit !important;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -.02em;
	line-height: 1.2;
	text-decoration: none !important;
	text-transform: uppercase;
}

.imta-promo-bar__link:hover,
.imta-promo-bar__link:focus-visible {
	color: inherit !important;
	outline: none;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.imta-promo-bar__close {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 15px;
	font-weight: 400;
	height: 100%;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	margin: 0 !important;
}

.imta-promo-bar__close:hover,
.imta-promo-bar__close:focus-visible {
	color: #d7d7d7;
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.imta-mega-menu-promo-spacer,
	.imta-promo-bar {
		transition: none;
	}
}

@media (max-width: 549px) {
	.imta-promo-bar {
		min-height: 42px;
		padding: 7px 46px 7px 18px;
	}

	.imta-promo-bar__link,
	.imta-promo-bar__text {
		font-size: 14px;
	}

	.imta-promo-bar__close {
		font-size: 22px;
		width: 42px;
	}
}