.srpop-overlay{
	position:fixed;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:16px;
	background:var(--srpop-overlay, rgba(20,10,8,.55));
	z-index:2147483000;
	opacity:0;
	transition:opacity .28s ease;
}
.srpop-overlay.srpop-show{
	opacity:1;
}
.srpop-overlay[hidden]{
	display:none;
}
.srpop-modal{
	position:relative;
	width:100%;
	max-width:var(--srpop-w, 420px);
	height:100%;
	max-height:var(--srpop-h, 720px);
	background:var(--srpop-cream, #FBF6EE);
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 24px 60px rgba(0,0,0,.45);
	border:3px solid var(--srpop-gold, #F0C24B);
	transform:translateY(14px) scale(.98);
	transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.srpop-overlay.srpop-show .srpop-modal{
	transform:translateY(0) scale(1);
}
.srpop-close{
	position:absolute;
	top:12px;
	right:12px;
	z-index:50;
	width:38px;
	height:38px;
	border:none;
	border-radius:50%;
	cursor:pointer;
	background:var(--srpop-maroon, #8C1D18);
	color:#fff;
	font-size:22px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 3px 10px rgba(0,0,0,.25);
	padding:0;
}
.srpop-close:hover{ filter:brightness(1.08); }
.srpop-close:active{ transform:scale(.92); }
.srpop-body{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:auto;
}
.srpop-frame{
	width:100%;
	height:100%;
	border:0;
	display:block;
}
.srpop-image,
.srpop-image-link{
	display:block;
	width:100%;
	height:100%;
}
.srpop-image{
	object-fit:cover;
}
.srpop-image-link img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.srpop-custom{
	width:100%;
	height:100%;
	overflow:auto;
}
.srpop-custom img{ max-width:100%; height:auto; }

@media (max-width:480px){
	.srpop-overlay{ padding:0; }
	.srpop-modal{ border-radius:0; max-width:100%; max-height:100%; border-width:0; }
	.srpop-close{ top:10px; right:10px; }
}