.kc-popup-shell {
	align-items: center;
	background: rgba(4, 16, 38, .82);
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	opacity: 0;
	overflow-y: auto;
	padding: 12px;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .22s ease;
	z-index: 999999;
}

.kc-popup-shell[hidden] { display: none !important; }
.kc-popup-shell.kc-popup-visible { opacity: 1; }
body.kc-offer-popup-open { overflow: hidden; }

.kc-popup-poster-card {
	background: #061d43;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 22px;
	box-shadow: 0 28px 80px rgba(0,0,0,.48);
	margin: auto;
	max-width: 470px;
	overflow: hidden;
	padding: 0;
	position: relative;
	transform: translateY(14px) scale(.98);
	transition: transform .22s ease;
	width: min(470px, calc(100vw - 24px));
}

.kc-popup-visible .kc-popup-poster-card { transform: translateY(0) scale(1); }

.kc-popup-poster-link {
	cursor: pointer;
	display: block;
	line-height: 0;
	text-decoration: none !important;
}

.kc-popup-poster-image {
	display: block;
	height: auto;
	max-height: calc(100vh - 24px);
	object-fit: contain;
	width: 100%;
}

.kc-popup-close {
	align-items: center;
	background: rgba(255,255,255,.94);
	border: 2px solid #072655;
	border-radius: 50%;
	box-shadow: 0 5px 16px rgba(0,0,0,.25);
	color: #072655;
	cursor: pointer;
	display: flex;
	font-size: 29px;
	height: 42px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 4px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 42px;
	z-index: 3;
}

.kc-popup-close:hover,
.kc-popup-close:focus-visible {
	background: #ffd05c;
	outline: 3px solid rgba(255,255,255,.85);
}

@media (max-width: 560px) {
	.kc-popup-shell { align-items: center; padding: 7px; }
	.kc-popup-poster-card { border-radius: 17px; width: min(440px, calc(100vw - 14px)); }
	.kc-popup-close { height: 38px; right: 9px; top: 9px; width: 38px; }
	.kc-popup-poster-image { max-height: calc(100vh - 14px); }
}

@media (prefers-reduced-motion: reduce) {
	.kc-popup-shell,
	.kc-popup-poster-card { transition: none; }
}