.sppm-hidden{display:none!important}

#sppm-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    background:rgba(0,0,0,.86)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
}

#sppm-overlay.sppm-hidden{display:none!important}

#sppm-modal{
    width:min(430px,94vw)!important;
    max-height:calc(100vh - 36px)!important;
    max-height:calc(100dvh - 36px)!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#09090d 0%,#050507 100%)!important;
    color:#fff!important;
    border-radius:24px!important;
    border:1px solid rgba(239,0,28,.55)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.04),0 22px 70px rgba(0,0,0,.8),0 0 60px rgba(239,0,28,.24)!important;
    position:relative!important;
    transform:scale(.94);
    opacity:0;
    animation:sppm-pop .22s ease forwards;
}

@keyframes sppm-pop{to{transform:scale(1);opacity:1}}

#sppm-close{
    position:absolute!important;
    right:14px!important;
    top:12px!important;
    width:38px!important;
    height:38px!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:34px!important;
    cursor:pointer!important;
    z-index:3!important;
}

.sppm-head{
    background:#050507!important;
    padding:18px 56px 18px 20px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    color:#24e891!important;
    font-size:16px!important;
    font-weight:800!important;
}

.sppm-dot,.sppm-pulse{
    width:10px;height:10px;border-radius:50%;background:#24e891;display:inline-block;
    box-shadow:0 0 0 6px rgba(36,232,145,.12),0 0 16px rgba(36,232,145,.95);
    flex:none;
}
.sppm-pulse{animation:sppm-pulse 1.2s infinite}
@keyframes sppm-pulse{50%{opacity:.45;transform:scale(.86)}}

.sppm-body{padding:20px!important;text-align:center!important}

.sppm-spinner{
    width:46px;height:46px;border:4px solid #2b2b32;border-top-color:#24e891;border-radius:50%;
    margin:20px auto;animation:sppm-spin .8s linear infinite
}
@keyframes sppm-spin{to{transform:rotate(360deg)}}

.sppm-timer-wrap{
    background:linear-gradient(135deg,rgba(239,0,28,.22),rgba(120,0,10,.24))!important;
    border:1px solid rgba(239,0,28,.55)!important;
    border-radius:18px!important;
    padding:16px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin-bottom:18px!important;
    color:#ffd1d6!important;
    font-size:13px!important;
    text-transform:uppercase!important;
    letter-spacing:.3px!important;
}
#sppm-timer{color:#fff!important;font-size:26px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important}

.sppm-qr-box{
    background:#fff!important;
    border-radius:22px!important;
    padding:14px!important;
    width:300px!important;
    max-width:100%!important;
    margin:0 auto 18px!important;
    box-shadow:0 14px 36px rgba(0,0,0,.38)!important;
}
#sppm-qr{width:272px!important;max-width:100%!important;display:block!important;margin:auto!important;border-radius:8px!important}

#sppm-copy,#sppm-retry{
    width:100%!important;border:0!important;border-radius:16px!important;
    background:linear-gradient(135deg,#ef001c,#b40016)!important;color:#fff!important;
    font-weight:900!important;padding:17px 16px!important;cursor:pointer!important;text-transform:uppercase!important;
    font-size:15px!important;letter-spacing:.3px!important;box-shadow:0 14px 34px rgba(239,0,28,.35)!important;
}
#sppm-copy:active,#sppm-retry:active{transform:scale(.985)}

#sppm-code{
    margin-top:11px!important;width:100%!important;background:#111116!important;color:#b7b7bd!important;
    border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;padding:11px!important;
    font-size:11px!important;font-family:monospace!important;text-align:center!important;
}

#sppm-status{
    margin-top:16px!important;background:#070709!important;border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;padding:14px!important;color:#d7d7dc!important;font-size:13px!important;font-weight:800!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}

.sppm-steps{
    margin-top:16px!important;text-align:left!important;color:#ddd!important;font-size:13px!important;line-height:1.35!important;
    background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:14px!important;
}
.sppm-steps p{margin:7px 0!important}

#sppm-error h3{color:#ff4458!important;margin-top:0!important}

.sppm-approved-icon{
    width:78px;height:78px;border-radius:50%;background:#24e891;color:#050507;display:flex;align-items:center;justify-content:center;
    margin:18px auto;font-size:48px;font-weight:900;box-shadow:0 0 35px rgba(36,232,145,.45)
}

@media(max-width:480px){
    #sppm-overlay{align-items:center!important;padding:12px!important}
    #sppm-modal{width:94vw!important;max-height:calc(100dvh - 24px)!important;border-radius:22px!important}
    .sppm-body{padding:18px!important}
    .sppm-head{font-size:15px!important;padding:17px 54px 17px 18px!important}
    .sppm-timer-wrap{padding:14px 16px!important}
    #sppm-timer{font-size:24px!important}
    .sppm-qr-box{width:292px!important}
    #sppm-qr{width:264px!important}
}

#sppm-check-now{
    width:100%!important;
    margin-top:10px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:#15151b!important;
    color:#f2f2f2!important;
    font-weight:800!important;
    padding:13px 14px!important;
    cursor:pointer!important;
    text-transform:uppercase!important;
    font-size:13px!important;
}
#sppm-check-now:active{transform:scale(.985)}

#sppm-exit-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    background:rgba(0,0,0,.86)!important;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    font-family:Arial,Helvetica,sans-serif!important;
}
#sppm-exit-overlay.sppm-hidden{display:none!important}
#sppm-exit-modal{
    width:min(430px,94vw)!important;
    background:#08080b!important;
    color:#fff!important;
    border:2px solid #ff3b2f!important;
    border-radius:22px!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 25px 80px rgba(0,0,0,.82),0 0 45px rgba(255,59,47,.28)!important;
    transform:scale(.94);
    opacity:0;
    animation:sppm-pop .22s ease forwards;
}
#sppm-exit-close{
    position:absolute!important;
    top:9px!important;
    right:12px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.7)!important;
    font-size:34px!important;
    line-height:30px!important;
    cursor:pointer!important;
    z-index:2!important;
}
#sppm-exit-label{
    background:linear-gradient(135deg,#ff4a34,#ff2b24)!important;
    color:#fff!important;
    text-align:center!important;
    padding:12px 46px 12px 18px!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:2px!important;
    text-transform:uppercase!important;
}
.sppm-exit-content{
    padding:30px 26px 28px!important;
    text-align:center!important;
}
#sppm-exit-title{
    margin:0 0 18px!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.18!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.4px!important;
}
#sppm-exit-subtitle{
    margin:0 auto 24px!important;
    color:#d6d6dc!important;
    font-size:17px!important;
    line-height:1.35!important;
    max-width:340px!important;
}
#sppm-exit-old-price{
    color:rgba(255,255,255,.35)!important;
    font-size:20px!important;
    text-decoration:line-through!important;
    margin-bottom:2px!important;
}
#sppm-exit-price{
    color:#ff4a34!important;
    font-size:48px!important;
    font-weight:950!important;
    line-height:1!important;
    margin-bottom:24px!important;
}
#sppm-exit-accept{
    width:100%!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ff4a34,#ff251c)!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:1px!important;
    padding:18px 16px!important;
    cursor:pointer!important;
    box-shadow:0 14px 34px rgba(255,59,47,.34)!important;
}
#sppm-exit-accept:active{transform:scale(.985)}
#sppm-exit-reject{
    margin-top:18px!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.42)!important;
    text-decoration:underline!important;
    font-size:13px!important;
    cursor:pointer!important;
}
@media(max-width:480px){
    #sppm-exit-title{font-size:25px!important}
    #sppm-exit-subtitle{font-size:16px!important}
    #sppm-exit-price{font-size:46px!important}
    .sppm-exit-content{padding:28px 22px 26px!important}
}

/* Upsell / Order bump antes do PIX */
#sppm-bump-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    background:rgba(0,0,0,.86)!important;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    overflow-y:auto!important;
}
#sppm-bump-overlay.sppm-hidden{display:none!important}
#sppm-bump-modal{
    width:min(430px,94vw)!important;
    background:#08080b!important;
    color:#fff!important;
    border:1.5px solid rgba(255,48,60,.65)!important;
    border-radius:20px!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 25px 90px rgba(0,0,0,.88),0 0 55px rgba(255,48,60,.20)!important;
    transform:scale(.94);
    opacity:0;
    animation:sppm-pop .22s ease forwards;
}
#sppm-bump-label{
    color:#ff4d5f!important;
    text-align:left!important;
    padding:22px 22px 8px!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:2px!important;
    text-transform:uppercase!important;
}
.sppm-bump-content{
    padding:0 22px 24px!important;
    text-align:center!important;
}
#sppm-bump-image-wrap{
    width:100%!important;
    height:142px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#050507!important;
    margin:8px 0 24px!important;
    border:1px solid rgba(255,255,255,.06)!important;
}
#sppm-bump-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    opacity:.9!important;
}
#sppm-bump-title{
    margin:4px 0 16px!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.16!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.3px!important;
}
#sppm-bump-subtitle{
    margin:0 auto 25px!important;
    color:#d8d8df!important;
    font-size:18px!important;
    line-height:1.38!important;
    max-width:360px!important;
}
.sppm-bump-price-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0 0 28px!important;
}
#sppm-bump-small-label{
    color:rgba(255,255,255,.62)!important;
    font-size:14px!important;
    letter-spacing:3px!important;
    text-transform:uppercase!important;
    text-align:left!important;
}
#sppm-bump-price{
    color:#ff4d5f!important;
    font-size:38px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.sppm-bump-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}
#sppm-bump-reject,#sppm-bump-accept{
    min-height:88px!important;
    border:0!important;
    border-radius:13px!important;
    font-size:18px!important;
    line-height:1.22!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.6px!important;
    cursor:pointer!important;
    padding:14px 10px!important;
}
#sppm-bump-reject{
    background:#ffc9cd!important;
    color:#08080b!important;
}
#sppm-bump-accept{
    background:#b8fb4d!important;
    color:#08080b!important;
}
#sppm-bump-reject:active,#sppm-bump-accept:active{transform:scale(.985)}
@media(max-width:480px){
    #sppm-bump-modal{width:94vw!important;border-radius:19px!important}
    #sppm-bump-label{font-size:12px!important;padding:20px 20px 8px!important}
    .sppm-bump-content{padding:0 20px 22px!important}
    #sppm-bump-image-wrap{height:132px!important;margin-bottom:22px!important}
    #sppm-bump-title{font-size:23px!important}
    #sppm-bump-subtitle{font-size:17px!important}
    #sppm-bump-price{font-size:36px!important}
    #sppm-bump-small-label{font-size:13px!important;letter-spacing:2.4px!important}
    #sppm-bump-reject,#sppm-bump-accept{font-size:17px!important;min-height:86px!important}
}

/* Modal WhatsApp antes do PIX */
#sppm-wa-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    background:rgba(0,0,0,.86)!important;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    overflow-y:auto!important;
}
#sppm-wa-overlay.sppm-hidden{display:none!important}
#sppm-wa-modal{
    width:min(430px,94vw)!important;
    background:#08080b!important;
    color:#fff!important;
    border:1.5px solid rgba(37,211,102,.70)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    position:relative!important;
    box-shadow:0 25px 90px rgba(0,0,0,.88),0 0 55px rgba(37,211,102,.20)!important;
    transform:scale(.94);
    opacity:0;
    animation:sppm-pop .22s ease forwards;
}
#sppm-wa-close{
    position:absolute!important;
    top:9px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.38)!important;
    color:#fff!important;
    font-size:34px!important;
    line-height:32px!important;
    cursor:pointer!important;
    z-index:3!important;
}
#sppm-wa-image-wrap{
    width:100%!important;
    height:330px!important;
    background:#050507!important;
    overflow:hidden!important;
}
#sppm-wa-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.sppm-wa-content{
    padding:22px!important;
    text-align:center!important;
}
#sppm-wa-title{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1.15!important;
    font-weight:950!important;
    text-transform:uppercase!important;
}
#sppm-wa-subtitle{
    margin:0 auto 18px!important;
    color:#d8d8df!important;
    font-size:15px!important;
    line-height:1.38!important;
    max-width:350px!important;
}
#sppm-wa-phone{
    width:100%!important;
    box-sizing:border-box!important;
    background:#111116!important;
    color:#fff!important;
    border:1px solid rgba(37,211,102,.45)!important;
    border-radius:14px!important;
    padding:16px!important;
    font-size:18px!important;
    text-align:center!important;
    outline:none!important;
    font-weight:800!important;
}
#sppm-wa-phone:focus{
    border-color:#25d366!important;
    box-shadow:0 0 0 4px rgba(37,211,102,.14)!important;
}
#sppm-wa-error{
    min-height:20px!important;
    margin:9px 0 8px!important;
    color:#ff4d5f!important;
    font-size:13px!important;
    font-weight:800!important;
}
#sppm-wa-continue{
    width:100%!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#25d366,#128c7e)!important;
    color:#050507!important;
    font-weight:950!important;
    padding:17px 16px!important;
    cursor:pointer!important;
    text-transform:uppercase!important;
    font-size:16px!important;
    letter-spacing:.6px!important;
    box-shadow:0 14px 34px rgba(37,211,102,.24)!important;
}
#sppm-wa-continue:active{transform:scale(.985)}
@media(max-width:480px){
    #sppm-wa-modal{width:94vw!important;border-radius:20px!important}
    #sppm-wa-image-wrap{height:300px!important}
    .sppm-wa-content{padding:20px!important}
    #sppm-wa-title{font-size:22px!important}
    #sppm-wa-subtitle{font-size:14px!important}
}