/* =========================================================================
   zn-newsletter — نوار خبرنامه (zbn-zn-newsletter) · طرح: 21-zn-news.dc.html
   عضویت با ایمیل یا شماره موبایل + پاپ‌آپ خوش‌آمدگویی
   وابسته به: zn-base.css
   ========================================================================= */

.znnw{position:relative;overflow:hidden;border-top:1px solid rgba(var(--zn-line),.1);padding:clamp(36px,4.5vw,56px) 0;
  background:linear-gradient(90deg, var(--nw-c1, var(--zn-crim)), var(--nw-c2, var(--zn-rose)) 52%, var(--nw-c3, var(--zn-rose2)));}
.znnw-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.znnw-text{max-width:52ch;}
.znnw-title{margin:0 0 8px;font-size:clamp(19px,2vw,25px);font-weight:900;color:#fff;}
.znnw-desc{margin:0;font-size:13.5px;line-height:1.9;color:rgba(255,255,255,.85);}

/* ---------- فرم عضویت (اینلاین، دقیقاً مطابق طرح) ---------- */
.znnw-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0;}
.znnw-form .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.znnw-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;}
.zn-scope .znnw-form input.znnw-input{min-width:min(300px,64vw);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:13px 16px;font-size:13px;color:#fff;direction:ltr;font-family:inherit;transition:border-color .2s,background .2s;}
.zn-scope .znnw-form input.znnw-input::placeholder{color:rgba(255,255,255,.7);}
.zn-scope .znnw-form input.znnw-input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.24);}
.zn-scope .znnw-form input.znnw-input.has-error{border-color:#FFD9DF;background:rgba(0,0,0,.16);}
.zn-scope .znnw-btn{background:#fff;color:var(--zn-crim);border:0;font-size:13.5px;font-weight:800;padding:13px 24px;border-radius:12px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2);white-space:nowrap;font-family:inherit;transition:transform .15s,opacity .2s;}
.zn-scope .znnw-btn:hover{transform:translateY(-2px);color:var(--zn-crim);}
.zn-scope .znnw-btn[disabled]{opacity:.6;cursor:default;transform:none;}
.znnw-err{flex:1 1 100%;margin:0;font-size:12.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.2);border-radius:10px;padding:8px 12px;}
.znnw-form.is-done{display:none;}

/* پیام موفقیت درون‌خطی (اگر پاپ‌آپ خاموش باشد) */
.znnw-msg{display:none;margin:0;font-size:14px;font-weight:700;color:#fff;}
.znnw-msg.is-on{display:block;}

/* ---------- پاپ‌آپ خوش‌آمدگویی ---------- */
.znnw-pop{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:5vw;background:rgba(8,4,12,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.znnw-pop.is-open{display:flex;}
.znnw-pop-card{position:relative;width:min(460px,94vw);border-radius:24px;padding:34px 30px 28px;text-align:center;background:var(--zn-bg1);border:1px solid rgba(var(--zn-line),.18);box-shadow:0 30px 90px rgba(0,0,0,.5);animation:znnw-pop-in .38s cubic-bezier(.16,1,.3,1) both;}
@keyframes znnw-pop-in{from{opacity:0;transform:translateY(18px) scale(.96);}to{opacity:1;transform:none;}}
.znnw-pop-ic{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));box-shadow:0 0 40px rgba(255,59,92,.45);}
.znnw-pop-ic svg{width:34px;height:34px;}
.znnw-pop-title{margin:0 0 10px;font-size:21px;font-weight:900;color:var(--zn-t1);}
.znnw-pop-text{margin:0;font-size:14px;line-height:2.1;color:var(--zn-t4);}
.znnw-pop-list{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;text-align:right;}
.znnw-pop-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--zn-t3);}
.znnw-pop-list .tick{width:24px;height:24px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:rgba(255,59,92,.14);color:var(--zn-soft);font-weight:900;font-size:12px;}
.zn-scope .znnw-pop-btn{display:block;width:100%;background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));color:#fff;border:0;font-size:14.5px;font-weight:900;padding:14px 26px;border-radius:14px;cursor:pointer;font-family:inherit;box-shadow:0 0 30px rgba(255,59,92,.3);transition:transform .15s;}
.zn-scope .znnw-pop-btn:hover{transform:translateY(-2px);color:#fff;}
.znnw-pop-close{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(var(--zn-line),.24);background:transparent;color:var(--zn-t4);font-size:16px;cursor:pointer;display:grid;place-items:center;font-family:inherit;}
.znnw-pop-close:hover{color:var(--zn-t1);}

@media (max-width:767px){
  .znnw-wrap{flex-direction:column;align-items:stretch;text-align:center;}
  .znnw-text{max-width:none;}
  .znnw-form{justify-content:center;}
  .zn-scope .znnw-form input.znnw-input{flex:1 1 100%;min-width:0;text-align:center;}
  .zn-scope .znnw-btn{flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce){
  .znnw-pop-card{animation:none;}
}