/* Promo Subscription Popup */
.promo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.promo-overlay.active{opacity:1;visibility:visible}
.promo-popup{background:var(--card-bg,#fff);border-radius:20px;padding:2rem 1.8rem;max-width:420px;width:92%;position:relative;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 48px rgba(0,0,0,.18)}
.promo-overlay.active .promo-popup{transform:translateY(0) scale(1)}
.promo-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-light,#888);transition:color .2s;z-index:1;padding:4px 8px}
[dir="rtl"] .promo-close{right:auto;left:12px}
.promo-close:hover{color:var(--text,#333)}
.promo-icon{text-align:center;margin-bottom:1rem}
.promo-icon i{font-size:3rem;background:linear-gradient(135deg,#17c3b2,#12a89a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-popup h3{text-align:center;font-size:1.3rem;margin:0 0 .5rem;color:var(--text,#333)}
.promo-popup p{text-align:center;font-size:.9rem;color:var(--text-light,#666);margin:0 0 1.2rem;line-height:1.6}
.promo-form{display:flex;gap:8px}
.promo-form input[type="email"]{flex:1;padding:.7rem 1rem;border:2px solid var(--border,#e0e0e0);border-radius:12px;font-size:.95rem;outline:none;transition:border-color .2s;background:var(--bg,#fff);color:var(--text,#333)}
.promo-form input[type="email"]:focus{border-color:#17c3b2}
.promo-form button{background:linear-gradient(135deg,#17c3b2,#12a89a);color:#fff;border:none;border-radius:12px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}
.promo-form button:hover{opacity:.9;transform:translateY(-1px)}
.promo-form button:disabled{opacity:.6;cursor:not-allowed}
.promo-msg{text-align:center;margin-top:.8rem;font-size:.85rem;min-height:1.2em}
.promo-msg.success{color:#17c3b2}
.promo-msg.error{color:#e74c3c}
.promo-benefits{display:flex;justify-content:center;gap:1.2rem;margin-bottom:1rem;flex-wrap:wrap}
.promo-benefit{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-light,#666)}
.promo-benefit i{color:#17c3b2;font-size:.7rem}
@media(max-width:480px){.promo-popup{padding:1.5rem 1.2rem}.promo-form{flex-direction:column}.promo-form button{width:100%}}
/* Never show again button */
.promo-never{display:block;width:100%;margin-top:.85rem;background:none;border:none;color:var(--text-light,#999);font-size:.78rem;cursor:pointer;text-align:center;padding:.4rem;text-decoration:underline;text-underline-offset:2px;opacity:.7;transition:opacity .2s;font-family:inherit}
.promo-never:hover{opacity:1;color:#ef4444}

/* ── Popup Themes ───────────────────────────────────────── */
.promo-theme-gold .promo-icon i{background:linear-gradient(135deg,#f5a623,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-theme-gold .promo-form input:focus{border-color:#f5a623}
.promo-theme-gold .promo-form button{background:linear-gradient(135deg,#f5a623,#d97706)}
.promo-theme-gold .promo-msg.success{color:#d97706}
.promo-theme-gold .promo-benefit i{color:#d97706}

.promo-theme-purple .promo-icon i{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-theme-purple .promo-form input:focus{border-color:#8b5cf6}
.promo-theme-purple .promo-form button{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.promo-theme-purple .promo-msg.success{color:#7c3aed}
.promo-theme-purple .promo-benefit i{color:#7c3aed}

.promo-theme-red .promo-icon i{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-theme-red .promo-form input:focus{border-color:#ef4444}
.promo-theme-red .promo-form button{background:linear-gradient(135deg,#ef4444,#dc2626)}
.promo-theme-red .promo-msg.success{color:#dc2626}
.promo-theme-red .promo-benefit i{color:#dc2626}

.promo-theme-green .promo-icon i{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-theme-green .promo-form input:focus{border-color:#10b981}
.promo-theme-green .promo-form button{background:linear-gradient(135deg,#10b981,#059669)}
.promo-theme-green .promo-msg.success{color:#059669}
.promo-theme-green .promo-benefit i{color:#059669}

.promo-theme-dark .promo-popup{background:#1a1a2e}
.promo-theme-dark .promo-popup h3{color:#f1f5f9}
.promo-theme-dark .promo-popup p{color:#94a3b8}
.promo-theme-dark .promo-form input[type="email"]{background:#0f0f1a;border-color:#334155;color:#f1f5f9}
.promo-theme-dark .promo-icon i{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.promo-theme-dark .promo-form button{background:linear-gradient(135deg,#818cf8,#6366f1)}
.promo-theme-dark .promo-benefit{color:#94a3b8}
.promo-theme-dark .promo-benefit i{color:#818cf8}

/* ── Popup Positions ────────────────────────────────────── */
.promo-pos-bottom-right{align-items:flex-end;justify-content:flex-end;padding:1.5rem}
.promo-pos-bottom-right .promo-popup{transform:translateY(40px) scale(.95)}
.promo-pos-bottom-right.active .promo-popup{transform:translateY(0) scale(1)}
.promo-pos-bottom-right .promo-popup{max-width:360px;border-radius:16px}

.promo-pos-bottom-left{align-items:flex-end;justify-content:flex-start;padding:1.5rem}
.promo-pos-bottom-left .promo-popup{transform:translateY(40px) scale(.95)}
.promo-pos-bottom-left.active .promo-popup{transform:translateY(0) scale(1)}
.promo-pos-bottom-left .promo-popup{max-width:360px;border-radius:16px}

.promo-pos-top-center{align-items:flex-start;justify-content:center;padding-top:4rem}
.promo-pos-top-center .promo-popup{transform:translateY(-30px) scale(.95)}
.promo-pos-top-center.active .promo-popup{transform:translateY(0) scale(1)}

/* ── Entry Animations ───────────────────────────────────── */
.promo-anim-bounce .promo-popup{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.promo-anim-bounce .promo-popup{transform:translateY(50px) scale(.85)}
.promo-anim-bounce.active .promo-popup{transform:translateY(0) scale(1)}

.promo-anim-fade .promo-popup{transform:none;opacity:0;transition:opacity .45s}
.promo-anim-fade.active .promo-popup{opacity:1;transform:none}

.promo-anim-zoom .promo-popup{transform:scale(.6);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.promo-anim-zoom.active .promo-popup{transform:scale(1);opacity:1}

.promo-anim-flipIn .promo-popup{transform:perspective(600px) rotateX(-80deg);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;transform-origin:top center}
.promo-anim-flipIn.active .promo-popup{transform:perspective(600px) rotateX(0deg);opacity:1}