/* ================ POPUP =============== */

/* CSS (für das Styling und Zentrieren) */
.popup-overlay {
    display: none; /* Wird vom JS oben auf 'flex' gesetzt */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}
.popup-content {
    background: #fff; padding: 30px; border-radius: 12px;
    max-width: 500px; width: 90%; position: relative; text-align: center;
}
.close-btn {
    position: absolute; top: 15px; right: 20px;
    font-size: 28px; background: none; border: none; cursor: pointer;
}
.action-btn {
    background: #0078d4; color: white; border: none;
    padding: 12px 24px; border-radius: 6px; cursor: pointer; margin-top: 20px;
}