/* Center and style the popup for consistency with site design */
#coupon-popup {
    transition: opacity 0.3s ease-in-out;
}
#coupon-popup.hidden {
    opacity: 0;
    pointer-events: none;
}
#coupon-popup:not(.hidden) {
    opacity: 1;
}
#coupon-popup .bg-white {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
}
#coupon-popup.hidden .bg-white {
    transform: scale(0.95);
}
@media (max-width: 640px) {
    #coupon-popup .bg-white {
        max-width: 90%;
    }
}