.g5shop__promo-popup {
	--g5-modal-width: 770px;
	--g5-modal-spacing: 0px;
	--g5-modal-rounded: 0;
}

.g5shop__popup-promotion-body {
	@include d-flex();
}
.g5shop__popup-promotion-content {
	@include flex-fill();
	padding: 40px;
}

.g5shop__popup-promotion-image {
	width: 49%;
	@include flex-shrink-0();
	img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

.g5shop__popup-promotion-action {
	margin: 24px 0 0 0;
	button,
	input {
		width: 100%;
	}
	.discount-code {
		border: 2px dashed #c5c5c5;
		background: #f3f3f3;
		font-size: 20px;
		text-align: center;
		letter-spacing: 5px;
	}
	*:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 575px) {
	.g5shop__popup-promotion-body {
		@include flex-column();
	}

	.g5shop__popup-promotion-image {
		width: 100%;
		height: 230px;
	}
}

.g5shop__promo-popup.style-02 {
	--g5-modal-width: 500px;
	.g5shop__popup-promotion-body {
		@include flex-column();
	}

	.g5shop__popup-promotion-image {
		width: 100%;
		height: 230px;
	}

	button.mfp-close {
		background: #fff;
		color: #222;
		@include border-radius(50%);
		@include transform(translate(50%,-50%));
		@include box-shadow(0 4px 10px rgb(0 0 0 / 17%));
		&:hover,
		&:hover {
			background: #222 !important;
			color: #fff !important;
		}
	}
}