html.gdp4-open,
body.gdp4-open { overflow: hidden !important; }
body.gdp4-open { position: fixed !important; width: 100% !important; left: 0 !important; right: 0 !important; }

.gdp4-popup,
.gdp4-popup * { box-sizing: border-box; }

.gdp4-popup {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 18px 12px !important;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	font-family: Tahoma, Arial, sans-serif;
	transition: opacity .28s ease, visibility .28s ease;
}
.gdp4-popup.is-open { visibility: visible; opacity: 1; pointer-events: auto; }

.gdp4-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(5, 20, 11, var(--gdp4-opacity, .70)) !important;
	-webkit-backdrop-filter: blur(var(--gdp4-blur, 4px)) saturate(.8);
	backdrop-filter: blur(var(--gdp4-blur, 4px)) saturate(.8);
}

.gdp4-dialog {
	position: relative !important;
	z-index: 2 !important;
	width: min(var(--gdp4-width, 345px), calc(100vw - 24px)) !important;
	max-width: calc(100vw - 22px) !important;
	max-height: calc(100dvh - 30px) !important;
	opacity: 0;
	transform: translateY(22px) scale(.94);
	transition: transform .48s cubic-bezier(.16,1,.3,1), opacity .28s ease;
}
.gdp4-popup.is-open .gdp4-dialog { opacity: 1; transform: translateY(0) scale(1); }

.gdp4-card-box {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 4 / 5 !important;
	overflow: hidden !important;
	border-radius: var(--gdp4-radius, 24px) !important;
	background: #16251b !important;
	box-shadow: 0 34px 80px rgba(0,0,0,.32), 0 10px 24px rgba(0,0,0,.16) !important;
	border: 1px solid rgba(255,255,255,.72) !important;
	isolation: isolate !important;
}
.gdp4-card-box::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 4;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), inset 0 0 0 7px rgba(255,255,255,.05);
	pointer-events: none;
}
.gdp4-card-box::after {
	content: "";
	position: absolute;
	inset: 18px;
	z-index: 3;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: calc(var(--gdp4-radius, 24px) - 10px);
	pointer-events: none;
}

.gdp4-image-wrap {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	padding: 0 !important;
	background: #16251b !important;
}
.gdp4-image-frame,
.gdp4-image-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
}
.gdp4-popup-image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	filter: saturate(.96) contrast(1.02) !important;
}
.gdp4-image-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 50% 18%, rgba(255,255,255,.10), transparent 34%),
		linear-gradient(180deg, rgba(10,14,11,.02) 0%, rgba(10,14,11,.03) 36%, rgba(10,14,11,.24) 68%, rgba(10,14,11,.68) 100%);
	pointer-events: none;
}

.gdp4-content {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 5 !important;
	padding: 80px 28px 20px !important;
	text-align: center !important;
	background: linear-gradient(180deg, rgba(10,14,11,0) 0%, rgba(10,14,11,.42) 38%, rgba(10,14,11,.78) 100%) !important;
	color: #fff !important;
}
.gdp4-offer-label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 auto 10px !important;
	padding: 6px 13px !important;
	border: 1px solid rgba(255,255,255,.42) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.12) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .03em !important;
	backdrop-filter: blur(6px) !important;
}
.gdp4-title {
	margin: 0 0 8px !important;
	color: #ffffff !important;
	font-size: 23px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	text-shadow: 0 3px 14px rgba(0,0,0,.28) !important;
}
.gdp4-text {
	max-width: 280px !important;
	margin: 0 auto 10px !important;
	color: rgba(255,255,255,.88) !important;
	font-size: 13px !important;
	line-height: 1.75 !important;
}
.gdp4-account-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 48px !important;
	padding: 13px 18px !important;
	border: 1px solid rgba(255,255,255,.9) !important;
	border-radius: 14px !important;
	background: #ffffff !important;
	color: #14592d !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.gdp4-account-btn:hover,
.gdp4-account-btn:focus-visible {
	transform: translateY(-2px) !important;
	background: #f4fff7 !important;
	box-shadow: 0 16px 34px rgba(0,0,0,.28) !important;
	outline: none !important;
}
.gdp4-product-link {
	display: inline-block !important;
	margin-top: 4px !important;
	color: rgba(255,255,255,.86) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}
.gdp4-product-link:hover,
.gdp4-product-link:focus-visible { color: #fff !important; outline: none !important; }

.gdp4-close {
	position: absolute !important;
	top: 14px !important;
	left: 14px !important;
	z-index: 10 !important;
	display: grid !important;
	place-items: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border: 1px solid rgba(255,255,255,.72) !important;
	border-radius: 999px !important;
	background: rgba(4,36,17,.38) !important;
	color: #fff !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.2) !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	backdrop-filter: blur(8px) !important;
	transition: transform .18s ease, background .18s ease !important;
}
.gdp4-close svg { width: 19px !important; height: 19px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2.2 !important; stroke-linecap: round !important; }
.gdp4-close:hover,
.gdp4-close:focus-visible { background: rgba(4,36,17,.7) !important; transform: rotate(6deg) scale(1.06) !important; outline: none !important; }

.gdp4-badge {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	z-index: 10 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 12px !important;
	border: 1px solid rgba(255,255,255,.62) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.9) !important;
	color: #14592d !important;
	box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	backdrop-filter: blur(8px) !important;
}
.gdp4-badge i { font-style: normal !important; }

@media (max-width: 680px) {
	.gdp4-popup { padding: 12px 8px !important; }
	.gdp4-dialog { width: min(var(--gdp4-mobile, 86vw), 345px) !important; max-width: calc(100vw - 16px) !important; }
	.gdp4-card-box { aspect-ratio: 4 / 5 !important; }
	.gdp4-content { padding: 70px 20px 18px !important; }
	.gdp4-title { font-size: 20px !important; }
	.gdp4-text { font-size: 12px !important; margin-bottom: 14px !important; }
	.gdp4-account-btn { min-height: 48px !important; font-size: 16px !important; }
	.gdp4-close { top: 12px !important; left: 12px !important; width: 35px !important; height: 35px !important; }
	.gdp4-badge { top: 13px !important; right: 13px !important; padding: 7px 11px !important; }
	.gdp4-card-box::after { inset: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.gdp4-popup,
	.gdp4-dialog,
	.gdp4-close,
	.gdp4-account-btn { transition: none !important; }
}