/* Pop-up der deutschen Startseite (Monatsaktion) auf EN/IT — Werte 1:1 von dort. */
#napoli-image-popup {
	display: none; position: fixed; inset: 0;
	background: rgba(44, 74, 59, 0.75); backdrop-filter: blur(4px);
	z-index: 999999; justify-content: center; align-items: center;
	padding: 1.5rem;
}
#napoli-image-popup.open { display: flex; animation: napoliFadeIn 0.35s ease; }
#napoli-image-card {
	position: relative; max-width: 520px; width: 100%; max-height: 90vh;
	border-radius: 18px; overflow: hidden;
	border: 3px solid #DAA520;
	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
	background: #FFFFFF;
}
#napoli-image-card a { display: block; }
#napoli-image-card img { width: 100%; height: auto; max-height: 90vh; object-fit: contain; display: block; }
#napoli-popup-close {
	position: absolute; top: 10px; right: 10px;
	width: 40px; height: 40px; border-radius: 50%;
	border: 2px solid #FFD700;
	background: rgba(44, 74, 59, 0.9); color: #FFD700;
	font-size: 1.5rem; line-height: 1; font-weight: 700; padding: 0;
	cursor: pointer; display: flex; align-items: center; justify-content: center;
	transition: all 0.2s ease; z-index: 2;
}
#napoli-popup-close:hover { background: #FFD700; color: #2C4A3B; }
@keyframes napoliFadeIn { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #napoli-image-popup.open { animation: none; } }
@media (max-width: 576px) {
	#napoli-image-popup { padding: 1rem; }
	#napoli-popup-close { width: 36px; height: 36px; font-size: 1.3rem; }
}