#exit-intent-overlay {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0, 0, 0, 0.75);
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity .3s ease;
    padding: 16px;
}
#exit-intent-overlay.visible { opacity: 1; }

#exit-intent-overlay .ei-modal {
    background: #111; border: 1px solid #2a2a2a;
    border-radius: 16px; padding: 24px;
    max-width: 340px; width: 100%;
    text-align: center;
    animation: eiSlideUp .3s ease;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

@keyframes eiSlideUp {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

#exit-intent-overlay .ei-photo {
    width: 80px; height: 80px; border-radius: 50%;
    object-fit: cover; object-position: top;
    border: 2px solid #10b981; margin: 0 auto 12px;
    display: block;
}
#exit-intent-overlay .ei-icon { font-size: 48px; margin-bottom: 12px; }
#exit-intent-overlay .ei-headline {
    font-size: 20px; font-weight: 900; color: #fff;
    margin-bottom: 8px; line-height: 1.2;
}
#exit-intent-overlay .ei-sub {
    font-size: 13px; color: #9ca3af; margin-bottom: 16px;
    line-height: 1.5;
}
#exit-intent-overlay .ei-message {
    color: #aaa; font-style: italic;
    border-left: 2px solid #10b981;
    padding-left: 10px; text-align: left;
}
#exit-intent-overlay .ei-cta {
    display: block; width: 100%;
    background: #10b981; color: #fff;
    border: none; border-radius: 10px;
    padding: 13px; font-size: 14px; font-weight: 800;
    text-decoration: none; cursor: pointer; margin-bottom: 10px;
}
#exit-intent-overlay .ei-cta:hover { background: #0ea871; }
#exit-intent-overlay .ei-alt-cta {
    display: block; color: #10b981; font-size: 12px;
    margin-bottom: 10px; text-decoration: none;
}
#exit-intent-overlay .ei-alt-cta:hover { text-decoration: underline; }
#exit-intent-overlay .ei-dismiss {
    background: none; border: none; color: #555;
    font-size: 12px; cursor: pointer; padding: 4px;
}
#exit-intent-overlay .ei-dismiss:hover { color: #9ca3af; }

@media (max-width: 768px) {
    #exit-intent-overlay { align-items: flex-end; padding: 0; }
    #exit-intent-overlay .ei-modal {
        max-width: 100%; width: 100%;
        border-radius: 20px 20px 0 0;
        animation: eiSlideUpMobile .3s ease;
        padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    }
    @keyframes eiSlideUpMobile {
        from { transform: translateY(100%); }
        to   { transform: translateY(0); }
    }
}