/* Economy Popup Styles */
.economy-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.economy-popup .primary-btn .content-container {
	width: 9.625rem !important;
}

.economy-popup__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(5px);
}

.economy-popup__content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.economy-popup__content img {
	width: 100%;
	height: auto;
	display: block;
}

.economy-popup__close {
	position: absolute;
	right: 2rem;
	top: 2rem;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 15;
	transition: transform 0.3s ease;
}

.economy-popup__close:hover {
	transform: scale(1.2);
}

.economy-popup__close svg {
	width: 2rem;
	height: 2rem;
}

.economy-popup .primary-btn .deco.deco-container {
	margin-left: 0.625rem;
}

.economy-popup .economy-popup__content-wrapper {
	display: flex;
}

.economy-popup .economy-popup__content-left {
	position: relative;
	height: 100vh;
	width: 43.17425rem;
	z-index: 10;
}

.economy-popup .economy-popup__content-left .economy-popup__image-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 43.17425rem;
	height: 100%;
}

.economy-popup
.economy-popup__content-left
.economy-popup__image-background
img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.05;
}

.economy-popup .economy-popup__content-left .economy-popup__image-bottom {
	position: absolute;
	bottom: -13rem;
	left: -10rem;
	width: 43.625rem;
	height: 23.16831rem;
	z-index: 10;
}

.economy-popup .economy-popup__image-background-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: radial-gradient(
		67.85% 45.69% at 49.45% 50%,
		rgba(255, 255, 255, 0.1) 30%,
		#fff 100%
	);
	width: 100%;
	height: 100%;
}

.economy-popup .economy-popup__image-background-overlay-2 {
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(270deg, #fff 0%, rgba(153, 153, 153, 0) 10%);
	height: 100%;
	width: 100%;
}
.economy-popup .economy-popup__content-left .economy-popup__image-bottom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.1;
}

.economy-popup .economy-popup__content-left .economy-popup__image-bottom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.economy-popup .economy-popup__content-left-wrapper > img {
	width: 22.97775rem;
	height: 4.63369rem;
	margin-bottom: 5rem;
}

.economy-popup .economy-popup__content-left-wrapper {
	position: absolute;
	top: 3.6rem;
	left: 2.945rem;
	z-index: 50;
}

.economy-popup
.economy-popup__content-left-wrapper
.economy-popup__content-left-desc {
	color: var(--text-body-75, rgba(46, 46, 46, 0.75));

	/* PC/BODY/18/MEDIUM */
	font-family: Lexend;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.75rem; /* 155.556% */
	letter-spacing: -0.02231rem;

	width: 38.6875rem;
	margin-bottom: 2.5rem;
}

.economy-popup .economy-popup__content-right {
	position: absolute;
	right: -14rem;
	height: 100%;
	width: 100%;
	z-index: 5;
}

.economy-popup .economy-popup__content-right > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 639.98px) {
	.economy-popup .economy-popup__content-left .economy-popup__image-background,
	.economy-popup .economy-popup__content-left .economy-popup__image-bottom,
	.economy-popup .economy-popup__image-background-overlay,
	.economy-popup .economy-popup__image-background-overlay-2,
	.economy-popup .economy-popup__content-wrapper {
		display: none;
	}

	.economy-popup__content {
		height: 25.2625rem;
		bottom: 0;
		border-radius: 1.5rem 1.5rem 0rem 0rem;
	}

	.economy-popup__close {
		top: 1rem;
		right: 1.625rem;
	}

	.economy-popup__close svg {
		width: 1.25rem;
		height: 1.25rem;
		flex-shrink: 0;
	}

	.economy-popup .economy-popup__content-mobile .economy-popup__top {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		height: 3.4375rem;
		border-radius: 1.5rem 1.5rem 0rem 0rem;
		background: #fcfcfc;

		/* Shadow/Nếu mấy cái trên không được thử cái này */
		box-shadow: 0px 3px 40px 1px rgba(214, 214, 221, 0.4);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.economy-popup .economy-popup__top img {
		width: 8.565rem;
		height: 1.72719rem;
	}

	.economy-popup .economy-popup__bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		background: #fcfcfc;
		box-shadow: 0px -4px 24px 0px rgba(0, 0, 0, 0.08);
		padding: 0.75rem 1rem;
	}

	.economy-popup .economy-popup__bottom .popup-close-btn-mb {
		display: flex;
		height: 2.5rem;
		min-width: 6.5625rem;
		width: 100%;
		padding: var(--6, 0.375rem) var(--Button-horizontal-padding, 0.75rem);
		justify-content: center;
		align-items: center;
		gap: var(--Button-gap, 0.5rem);
		align-self: stretch;

		border-radius: var(--Spacing-32, 2rem);
		border: 0px solid var(--text-text-oxford-blue-0, #fff);
		background: var(--Shinnec-Color-Primary-Primary, #006b1d);
		color: var(--text-text-oxford-blue-0, #fff);

		/* SHINEC PC/Body/14/14RM */
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 1.3125rem */
	}

	.economy-popup .economy-popup__content-mobile-wrapper {
		overflow-y: auto;
		height: 17.8375rem;
		margin-top: 3.4375rem;
		padding: 0.3125rem 1rem;
	}

	.economy-popup .economy-popup__content-mobile-wrapper img {
		width: 100%;
		height: 12.04525rem;
		object-fit: cover;
		margin-bottom: 0.75rem;
	}

	.economy-popup .economy-popup__content-mobile-wrapper p {
		color: #000;

		/* MB/BODY/14/MEDIUM */
		font-family: Lexend;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 1.3125rem */
		letter-spacing: -0.00875rem;
	}
}