/* ==================================================================
   EXIT-INTENT POPUP (G3 offerpages) — extern bestand i.v.m. CSP.
   Volledig scoped onder .nf-exit* / #nfExit — geen botsing met common.css.
   ================================================================== */
.nf-exit-overlay{
    position:fixed; inset:0; z-index:99999;
    background:rgba(16,21,18,.62); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    display:flex; align-items:center; justify-content:center; padding:18px;
    opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease;
}
.nf-exit-overlay.nf-show{opacity:1; visibility:visible}

.nf-exit-card{
    position:relative; width:100%; max-width:440px; background:#fff; color:#1a2420;
    border-radius:16px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.34);
    font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    transform:translateY(14px) scale(.98); transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.nf-exit-overlay.nf-show .nf-exit-card{transform:none}

.nf-exit-strip{
    background:linear-gradient(90deg,#e74c3c,#c0392b); color:#fff;
    text-align:center; font-weight:800; font-size:12px; letter-spacing:1.2px;
    text-transform:uppercase; padding:9px 40px;
}
.nf-exit-body{padding:24px 26px 26px; text-align:center}
.nf-exit-eyebrow{
    display:inline-block; font-size:11px; font-weight:800; letter-spacing:1px;
    text-transform:uppercase; color:#c0392b; background:#fdecea;
    padding:4px 10px; border-radius:999px; margin-bottom:12px;
}
.nf-exit-title{font-size:23px; line-height:1.22; font-weight:800; margin:0 0 8px; text-wrap:balance}
.nf-exit-title span{color:#0b7a4b}
.nf-exit-text{font-size:14.5px; line-height:1.5; color:#5d6b64; margin:0 auto 16px; max-width:34ch}

.nf-exit-benefits{
    list-style:none; margin:0 0 20px; padding:14px 16px; text-align:left;
    background:#f4f8f5; border:1px solid #e2ede6; border-radius:12px; display:grid; gap:9px;
}
.nf-exit-benefits li{display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; color:#243029}
.nf-exit-benefits svg{flex:0 0 18px}
.nf-exit-stock{
    display:flex; align-items:center; justify-content:center; gap:7px;
    font-size:12.5px; font-weight:700; color:#c0392b; margin:-6px 0 16px;
}
.nf-exit-stock .dot{width:8px; height:8px; border-radius:50%; background:#e74c3c; animation:nfpulse 1.4s ease-in-out infinite}
@keyframes nfpulse{0%,100%{opacity:1}50%{opacity:.25}}

.nf-exit-cta{
    display:block; width:100%; text-decoration:none; text-align:center;
    background:linear-gradient(180deg,#13a15e,#0b7a4b); color:#fff !important;
    font-weight:800; font-size:16px; letter-spacing:.3px; text-transform:uppercase;
    padding:16px 18px; border-radius:10px; border:0; cursor:pointer;
    box-shadow:0 8px 20px rgba(11,122,75,.32); transition:transform .14s ease, box-shadow .14s ease;
}
.nf-exit-cta:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(11,122,75,.42); color:#fff !important}
.nf-exit-cta:active{transform:translateY(0)}
.nf-exit-guarantee{font-size:12px; color:#8a968f; margin-top:12px}
.nf-exit-dismiss{
    display:inline-block; margin-top:12px; background:none; border:0; cursor:pointer;
    font:inherit; font-size:12.5px; color:#9aa6a0; text-decoration:underline; text-underline-offset:2px;
}
.nf-exit-dismiss:hover{color:#5d6b64}
.nf-exit-close{
    position:absolute; top:10px; right:12px; z-index:2; width:30px; height:30px;
    border:0; border-radius:50%; background:rgba(255,255,255,.18); color:#fff; cursor:pointer;
    font-size:19px; line-height:30px; text-align:center;
}
.nf-exit-close:hover{background:rgba(255,255,255,.34)}
.nf-exit-cta:focus-visible,.nf-exit-dismiss:focus-visible,.nf-exit-close:focus-visible{outline:2px solid #f2a100; outline-offset:2px}

@media (max-width:400px){
    .nf-exit-body{padding:20px 18px 22px}
    .nf-exit-title{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
    .nf-exit-overlay,.nf-exit-card,.nf-exit-cta{transition:none}
    .nf-exit-stock .dot{animation:none}
}