.sp-popup {
    position: fixed;
    width: 360px;
    padding: 18px 22px;
    border-radius: 12px;
    z-index: 999999;
    animation: fadeInUp .4s ease-out;
    font-family: "Inter", sans-serif;
}

.bottom-left { bottom:20px; left:20px; }
.bottom-right { bottom:20px; right:20px; }
.top-left { top:20px; left:20px; }
.top-right { top:20px; right:20px; }

.glass {
    background: rgba(255,255,255,0.72);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.45);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.card {
    background:#fff;
    border:1px solid #e5e5e5;
}

.shadow {
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 8px 25px rgba(0,0,0,0.25);
}

.sp-close {
    position:absolute;
    top:10px;
    right:14px;
    cursor:pointer;
    font-size:20px;
    color:#555;
}

.sp-line {
    font-size:15px;
    color:#333;
}

.sp-strong {
    font-weight: 700;
    color: #7f00ff;
}

.sp-product {
    margin-top:6px;
    font-size:15px;
}

.sp-link { text-decoration:none; }

.sp-time {
    margin-top:6px;
    font-size:12px;
    color:#666;
}

/* CTA */
.sp-cta {
    margin-top:10px;
}
.sp-cta a {
    color:#7f00ff;
    font-size:12px;
    text-decoration:none;
}

/* FREE EDITION FOOTER */
.sp-powered a {
    font-size: 11px;
    color: rgba(0,0,0,0.45);
    text-decoration: none;
    transition: .25s;
}
.sp-powered a:hover {
    color:#7f00ff;
}

@media (prefers-color-scheme: dark) {
    .glass {
        background: rgba(25,25,25,0.65);
        border-color: rgba(255,255,255,0.15);
    }
    .sp-line { color:#ddd; }
    .sp-time { color:#bbb; }
    .sp-strong { color:#c68aff; }
    .sp-powered a { color:rgba(255,255,255,0.45); }
    .sp-powered a:hover { color:#c68aff; }
}

/* Animation */
@keyframes fadeInUp {
    from { transform: translateY(20px); opacity:0; }
    to { transform: translateY(0); opacity:1; }
}