:root {
    --cpd-bg-color: #ffffff;
    --cpd-text-color: #333333;
    --cpd-accent: #e91e63;
    --cpd-border-radius: 12px;
    --cpd-shadow: 0 12px 32px rgba(0,0,0,0.25);
}

/* --- mới: bảo đảm hình co giãn & CTA tap-friendly --- */
.spu-content img            { width:100%; height:auto; display:block; }
html.cpd-popup-open body    { overflow:hidden; } /* khoá body khi popup mở */

/* overlay */
.wppopups-whole {
    display:none;
    position:fixed;
    inset:0;
    background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7));
    backdrop-filter:blur(4px);
    z-index:99999;
    cursor:pointer;          /* click bất kỳ đâu */
}

/* box */
.spu-box {
    position:absolute;
    background:var(--cpd-bg-color);
    color:var(--cpd-text-color);
    border-radius:var(--cpd-border-radius);
    box-shadow:var(--cpd-shadow);
    overflow:hidden;
    width:90%;
    max-width:400px;
    padding:0;
    cursor:pointer;
}

.spu-animation{animation:popupSoft 0.45s cubic-bezier(.25,.46,.45,.94) forwards;}
@keyframes popupSoft{
      0%  {opacity:0;transform:translateY(20px) scale(.95);}
     80% {opacity:.9;transform:translateY(-2px) scale(1);}
     100%{opacity:1;transform:translateY(0) scale(1);}
    }
/* vị trí */
.cpd-position-bottom-center { bottom:20px;left:50%;transform:translateX(-50%); }
.cpd-position-bottom-left   { bottom:20px;left:20px; }
.cpd-position-bottom-right  { bottom:20px;right:20px;left:auto; }
.cpd-position-center        { top:50%;left:50%;transform:translate(-50%,-50%); }
.cpd-position-top-center    { top:20px;left:50%;transform:translateX(-50%); }

/* nút đóng (SVG thừa hưởng màu) */
.spu-close {
    position:absolute;
    top:10px;right:10px;
    background:none;border:none;padding:0;
    width:24px;height:24px;
    cursor:pointer;
}



/* countdown */
.cpd-countdown { margin-top:60px;font-size:1.2em;text-align:center; }

/* mobile bottom-sheet */
@media(max-width:480px){
    .spu-box          { width:95%; max-width:none; bottom:env(safe-area-inset-bottom); }
    .cpd-cta-button   { padding:14px 28px; font-size:1rem; border-radius:6px; }
}