.em-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.em-box {
    background: #fff;
    border-radius: 12px;
    padding: 36px 32px;
    max-width: 480px;
    width: 94%;
    box-shadow: 0 8px 40px rgba(0,0,0,0.22);
    animation: emFadeIn 0.22s ease;
}
.em-box-wide { max-width: 640px; }
@keyframes emFadeIn {
    from { opacity: 0; transform: translateY(-18px); }
    to   { opacity: 1; transform: translateY(0); }
}
.em-header { text-align: center; margin-bottom: 18px; }
.em-header h3 { color: #0d1835; font-size: 2rem; font-weight: 700; margin-bottom: 8px; }
.em-sub { color: #555; font-size: 1.6rem; margin: 0; }
.em-body p { color: #444; line-height: 1.65; text-align: center; margin-bottom: 22px; font-size: 1.6rem; }
.em-reasons { color: #444; line-height: 1.7; padding-left: 20px; margin-bottom: 28px; font-size: 1.6rem; }
.em-reasons li { margin-bottom: 14px; }
.em-reasons a { color: #085078; }
.em-actions-step1 { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.em-actions-step2 { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.em-btn {
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.35rem;
    font-weight: 600;
    padding: 12px 20px;
    transition: opacity 0.18s, transform 0.15s;
    text-align: center;
    min-width: 155px;
}
.em-btn:hover { opacity: 0.88; transform: translateY(-2px); }
.em-btn-no    { background: #085078; color: #fff; }
.em-btn-yes   { background: #e74c3c; color: #fff; }
.em-btn-pause { background: #085078; color: #fff; padding: 16px 18px; font-size: 1.5rem; }
.em-btn-back  { background: #129134; color: #fff; padding: 16px 18px; font-size: 1.5rem; }
.em-btn-end   { background: #c0392b; color: #fff; padding: 16px 18px; font-size: 1.5rem; }
.em-btn i { display: block; font-size: 1.5rem; margin-bottom: 6px; }
/* "Activate Membership Again" trigger button — green to distinguish from End Membership */
.em-btn-reactivate-visible { background-color: #129134 !important; color: #fff !important; }
/* Yes–Reactivate button inside the popup */
.em-btn-reactivate { background: #129134; color: #fff; }