/* Popup CSS */

/* Popup modal */
.popup-modal {
    backdrop-filter: blur(4px);
}

.popup-container {
    border-radius: var(--border-radius-base, 12px);
    max-height: 90vh;
    overflow-y: auto;
}

.popup-close-button {
    border-radius: var(--border-radius-base, 12px);
}

.popup-image {
    border-radius: var(--border-radius-base, 12px) var(--border-radius-base, 12px) 0 0;
    max-height: 400px;
}

.popup-button {
    background: var(--color-primary);
    color: white;
    border-radius: var(--border-radius-base, 12px);
}

.popup-button:hover {
    opacity: 0.85;
}