body.show-promo .promo-banner {
	display: block;
	margin-top: 8px;
}

.promo-banner {
	--image-width: 170px;
	width: 100%;
	display: none;
	position: fixed;
	min-height: 56px;
	top: 0;
	left: 0;
	z-index: 10;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 8px;
}


.promo-banner__container {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	min-height: inherit;
	margin: 0 auto;
	background: radial-gradient(42.26% 108.68% at 49.49% 50%, #0192E4 0%, #0157BC 100%);
	border-radius: 16px;
}

.promo-banner__content {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 48px;
	align-items: center;
	justify-content: center;
	font-size: 1em; 
	min-height: inherit;
	gap: 10px;
	z-index: 1;
}

.promo-banner__content>* {
	margin: 0px 5px;
}

.promo-banner__text {
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.promo-banner__link.button {
	height: 32px;
	border-radius: 8px;
	color: #181818;
	z-index: 1;
	font-size: 1em;
	background: #FFD929;
	border: none;
}
.promo-banner__link.button span {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	letter-spacing: -0.006em;
	color: #181818;
}
.promo-banner__link.button:hover {
	border: none !important;
	background: #ffd722 !important;
}


.promo-banner__image {
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	bottom: 0;
	margin-top: auto;
	border-radius: 16px;
}

/* Please, don't use base 64 for this images */
.promo-banner__image_left {
	left: 0;
	margin-right: auto;
}

.promo-banner__image_right {
	right: 0;
	margin-left: auto;
}

.promo-banner__close-wrap {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.promo-banner__close {
	margin-left: auto;
	/* position: relative; */
	position: absolute;
	top: 8px;
	right: 11px;
	/* top: 50%; */
	/* transform: translateY(-50%); */
	display: flex;
	align-items: center;
	justify-content: center;
	background: #181818;
	opacity: 0.6;
	border-radius: 8px;
	width: 40px;
	height: 40px;
	color: #FFFFFF;
	transition: all .2s ease;
}

.promo-banner__close:hover {
	opacity: 0.8;
}

.promo-banner__close-mobile {
	display: none;
}

.promo-banner__close_theme_dark {
	background-color: #3E484C;
	opacity: 0.8;
}

/* Add this class for promo */
.promo-banner_with-images .promo-banner__content {
	padding-left: calc(var(--image-width) + 10px);
	padding-right: calc(var(--image-width) + 10px);
}

.promo-banner_with-images .promo-banner__image {
	display: block;
}

/* Valentine theme */
.promo-banner_theme_valentine {
	background-color: #005F94;
	background: radial-gradient(50% 142.78% at 50% 50%, #005F94 0%, #003963 100%);
}

.promo-banner_theme_valentine .promo-banner__close {
	top: unset;
	bottom: 11px
}

/* easter theme */
.promo-banner_theme_easter {
	background-color: #005F94;
	background: radial-gradient(50% 142.78% at 50% 50%, #005F94 0%, #003963 100%);
}

.promo-banner_theme_easter .promo-banner__close {
	top: unset;
	bottom: 11px
}
.promo-banner__image_left {
	content: url("/images/promo/desktop-left-img.webp?v=1");
}

.promo-banner__image_right {
	content: url("/images/promo/desktop-right-img.webp?v=1");
}

@media (max-width: 985px) {
	.promo-banner {
		min-height: 100px;
	}
	.promo-banner__content {
		flex-direction: column;
	}
	.promo-banner__image_left {
		content: url("/images/promo/mobile-left-img.webp?v=1");
	}
	.promo-banner__image_right {
		content: url("/images/promo/mobile-right-img.webp?v=1");
	}
}

@media (max-width: 767.98px) {
	.promo-banner_with-images .promo-banner__content {
		flex-direction: column;
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media (max-width: 600px) {
	.promo-banner__content {
		padding: unset;
	}
	.promo-banner__content>* {
		margin: unset;
	}
	.promo-banner__image {
		display: none;
	}
	.promo-banner__text {
		font-size: 14px;
		line-height: 24px;
	}
	.promo-banner__close {
		top: unset;
		bottom: 0;
		right: 0;
	}
	.promo-banner__close-desktop {
		display: none;
	}
	.promo-banner__close-mobile {
		display: block;
		padding: unset;
		margin-left: 8px;
	}
	.promo-banner__link {
		margin-top: 5px;
	}
	.promo-banner__content > div {
		display: flex;
		justify-content: center;
	}
	.promo-banner__content > div:nth-child(2) {
		position: relative;
		width: 100%;
	}
}