/* GD Startseiten-Popup – Frontend */
.gdsp[hidden] { display: none !important; }
.gdsp {
	position: fixed; inset: 0; z-index: 999999;
	display: flex; align-items: center; justify-content: center;
	padding: 16px; box-sizing: border-box;
	opacity: 0; transition: opacity .25s ease;
}
.gdsp.is-open { opacity: 1; }
.gdsp__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .65); cursor: pointer; }
.gdsp__dialog {
	position: relative; width: 100%; max-width: var(--gdsp-max-width, 600px);
	max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
	transform: translateY(12px) scale(.98); transition: transform .25s ease;
}
.gdsp.is-open .gdsp__dialog { transform: none; }
.gdsp__link { display: block; line-height: 0; }
.gdsp__img {
	display: block; width: 100%; height: auto;
	max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
	object-fit: contain; border-radius: 8px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}
.gdsp__close {
	position: absolute; top: -12px; right: -12px; z-index: 2;
	width: 40px; height: 40px; padding: 0; margin: 0;
	display: flex; align-items: center; justify-content: center;
	border: 0; border-radius: 50%; cursor: pointer;
	background: #fff; color: #111; box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}
.gdsp__close:hover { background: #f0f0f0; }
.gdsp__close:focus-visible, .gdsp__link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 600px) { .gdsp__close { top: 6px; right: 6px; } }
html.gdsp-lock { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .gdsp, .gdsp__dialog { transition: none; } }