/* NewsLetter Pro — Frontend Popup (Reference card layout) */
.nlp-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--nlp-overlay,rgba(24,22,18,.6));backdrop-filter:blur(var(--nlp-blur,6px));-webkit-backdrop-filter:blur(var(--nlp-blur,6px));opacity:0;transition:opacity .35s ease}
.nlp-overlay.nlp-show{opacity:1}
.nlp-overlay[hidden]{display:none}

.nlp-popup{position:relative;width:100%;max-width:min(var(--nlp-width,460px),94vw);max-height:92vh;overflow-y:auto;scrollbar-width:thin;background:var(--nlp-bg,#fbfaf7);border-radius:var(--nlp-radius,26px);padding:var(--nlp-pad,22px);margin:var(--nlp-margin,0);opacity:var(--nlp-opacity,1);box-shadow:0 25px 70px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:var(--nlp-gap,14px);text-align:left;font-family:var(--nlp-font,'Poppins',-apple-system,sans-serif);font-size:var(--nlp-fs,15px);font-weight:var(--nlp-fw,400);letter-spacing:var(--nlp-ls,0);text-transform:var(--nlp-tt,none);transform:translateY(24px) scale(.97);transition:transform .4s cubic-bezier(.2,.9,.3,1.2);overflow:hidden;box-sizing:border-box}
.nlp-overlay.nlp-show .nlp-popup{transform:translateY(0) scale(1)}
.nlp-popup *{box-sizing:border-box}

.nlp-bg-media{position:absolute;inset:0;z-index:0;object-fit:cover;width:100%;height:100%;background-size:cover;background-position:center;opacity:.3;pointer-events:none}

/* Close — plain, no border, no box */
.nlp-close,.nlp-close:hover,.nlp-close:focus,.nlp-close:active{position:absolute;top:14px;right:16px;z-index:2;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:6px;color:var(--nlp-heading,#1a1a1a)!important;font-size:22px;line-height:1;cursor:pointer;transition:all var(--nlp-trans,.3s)}
.nlp-close{opacity:.55}
.nlp-close:hover,.nlp-close:focus{opacity:1;transform:rotate(90deg)}

/* Hero block */
.nlp-hero{position:relative;z-index:1;background:var(--nlp-hero,#f1eee5);border-radius:calc(var(--nlp-radius,26px) - 6px);padding:22px 22px 24px}
.nlp-hero-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;padding-right:20px}
.nlp-badge-pill{display:inline-flex;align-items:center;background:var(--nlp-badge-bg,#fff);color:var(--nlp-badge-color,#1a1a1a);border-radius:999px;padding:8px 16px;font-size:calc(var(--nlp-fs,15px)*.93);font-weight:600;box-shadow:0 2px 8px rgba(40,35,25,.06);white-space:nowrap;align-self:flex-start}

/* Blurred gradient blob + file icon */
.nlp-icon-blob{position:relative;width:74px;height:74px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0}
.nlp-blob{position:absolute;inset:6px;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:conic-gradient(from 210deg,#f97316,#ec4899,#a855f7,#6366f1,#ec4899,#f97316);filter:blur(9px);opacity:.9;animation:nlpBlob 7s ease-in-out infinite alternate}
.nlp-file-ico{position:relative;width:38px;height:38px;filter:drop-shadow(0 4px 10px rgba(120,40,150,.35))}
@keyframes nlpBlob{from{border-radius:42% 58% 55% 45%/48% 42% 58% 52%;transform:rotate(0)}to{border-radius:55% 45% 42% 58%/52% 58% 42% 48%;transform:rotate(14deg)}}
.nlp-logo-wrap{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:var(--nlp-logo-bg,transparent);border-radius:var(--nlp-logo-radius,14px);box-shadow:var(--nlp-logo-shadow,none);border:var(--nlp-logo-bw,0) solid var(--nlp-logo-bc,transparent);padding:0;max-width:60%;overflow:hidden}
.nlp-logo{height:var(--nlp-logo-h,55px);width:var(--nlp-logo-w,auto);max-width:100%;object-fit:contain;display:block}

.nlp-heading{margin:10px 0 0;font-size:clamp(20px,5.5vw,var(--nlp-hfs,30px));font-weight:700;color:var(--nlp-heading,#1a1a1a);line-height:1.2;letter-spacing:var(--nlp-ls,0);text-transform:var(--nlp-tt,none)}
.nlp-desc{margin:5px 0 0;font-size:clamp(13px,3.6vw,var(--nlp-fs,15px));line-height:var(--nlp-lh,1.6);color:var(--nlp-text,#8a8a83)}

.nlp-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--nlp-gap,14px)}
.nlp-mini-label{margin:2px 0 0;padding:0 4px;font-size:calc(var(--nlp-fs,15px)*.93);color:var(--nlp-text,#8a8a83)}

/* Benefits list with sales icons */
.nlp-benefits{list-style:none;margin:0;padding:0 4px;display:flex;flex-direction:column;gap:14px}
.nlp-benefits li{display:flex;align-items:center;gap:14px;font-size:var(--nlp-fs,15px);color:var(--nlp-item,#1a1a1a);line-height:1.45}
.nlp-benefits strong{font-weight:700}
.nlp-b-ico{flex:0 0 auto;width:22px;height:22px;color:var(--nlp-item,#1a1a1a)}
.nlp-b-ico svg{width:100%;height:100%;display:block}

/* Form */
.nlp-form{width:100%;display:flex;flex-wrap:wrap;gap:calc(var(--nlp-gap,14px)*.7)}
.nlp-field{text-align:left}
.nlp-label{display:block;font-size:calc(var(--nlp-fs,15px)*.85);font-weight:600;color:var(--nlp-text,#8a8a83);margin-bottom:4px;padding:0 4px}

/* Every input shares the same clean white row design */
.nlp-input{width:100%;border:none;outline:none;border-radius:16px;background:var(--nlp-input,#fff);padding:14px 16px;font-size:calc(var(--nlp-fs,15px)*.95);color:var(--nlp-item,#1a1a1a);font-family:inherit;box-shadow:0 3px 14px rgba(40,35,25,.07);transition:box-shadow var(--nlp-trans,.3s)}
.nlp-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--nlp-btn,#1c1c1e) 22%, transparent)}
.nlp-input::placeholder{color:var(--nlp-ph,#a3a39a)}
.nlp-input.nlp-error{box-shadow:0 0 0 2px #ef4444}
select.nlp-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--nlp-ph,#a3a39a) 50%),linear-gradient(135deg,var(--nlp-ph,#a3a39a) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat}

/* Email + button — ONE row like the reference */
.nlp-email-row{display:flex;align-items:center;gap:4px;background:var(--nlp-input,#fff);border-radius:16px;padding:6px 6px 6px 14px;box-shadow:0 3px 14px rgba(40,35,25,.07)}
.nlp-row-ico{flex:0 0 auto;width:18px;height:18px;color:var(--nlp-ph,#8a8a83)}
.nlp-row-ico svg{width:100%;height:100%;display:block}
.nlp-email-row .nlp-email{border:none;background:transparent;flex:1;min-width:0;box-shadow:none;padding:11px 8px;border-radius:0}
.nlp-email-row .nlp-email:focus{box-shadow:none}

/* Submit — solid, no border/outline */
.nlp-submit{border:none!important;outline:none!important;border-radius:12px!important;background:var(--nlp-btn,#1c1c1e)!important;color:var(--nlp-btn-text,#fff)!important;font-family:inherit;font-weight:600;font-size:calc(var(--nlp-fs,15px)*.93);padding:12px 22px;cursor:pointer;white-space:nowrap;transition:all var(--nlp-trans,.3s);box-shadow:0 6px 16px color-mix(in srgb,var(--nlp-btn,#1c1c1e) 30%, transparent)}
.nlp-submit:hover,.nlp-submit:focus{background:var(--nlp-btn-hover,#000)!important;color:var(--nlp-btn-text,#fff)!important;border:none!important;outline:none!important}
.nlp-submit:disabled{opacity:.6;cursor:wait}

.nlp-privacy{width:100%;margin:2px 0 0;padding:0 4px;font-size:calc(var(--nlp-fs,15px)*.87);color:var(--nlp-text,#8a8a83);font-weight:500}
.nlp-form a,.nlp-confirm a{color:var(--nlp-anchor,#1c1c1e)}
.nlp-msg{width:100%;margin:0;padding:0 4px;font-size:calc(var(--nlp-fs,15px)*.9);font-weight:600}
.nlp-msg.ok{color:#15803d}.nlp-msg.err{color:#dc2626}

.nlp-opts{display:flex;gap:12px;flex-wrap:wrap;padding:0 4px}
.nlp-opts label,.nlp-check{font-size:calc(var(--nlp-fs,15px)*.9);color:var(--nlp-item,#1a1a1a);display:flex;align-items:center;gap:6px}
.nlp-check{padding:0 4px}
.nlp-divider{width:100%;border:none;border-top:1px solid rgba(0,0,0,.08);margin:4px 0}
.nlp-sub-heading{margin:4px 0 0;padding:0 4px;color:var(--nlp-heading,#1a1a1a);font-size:calc(var(--nlp-fs,15px)*1.2)}
.nlp-field-img{border-radius:16px;object-fit:cover}
.nlp-extra-btn{border:none;outline:none;background:color-mix(in srgb,var(--nlp-btn,#1c1c1e) 10%, transparent);color:var(--nlp-btn,#1c1c1e);border-radius:12px;padding:12px 22px;font-weight:600;cursor:pointer;font-family:inherit}

/* Confirmation view */
.nlp-confirm{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;text-align:center;padding:8px 4px}
.nlp-confirm[hidden]{display:none}
.nlp-confirm-icon{font-size:44px}
.nlp-confirm h3{margin:0;font-size:calc(var(--nlp-fs,15px)*1.45);color:var(--nlp-heading,#1a1a1a)}
.nlp-confirm p{margin:0;color:var(--nlp-text,#8a8a83);font-size:var(--nlp-fs,15px);line-height:var(--nlp-lh,1.6);max-width:400px}
.nlp-confirm-btn,.nlp-confirm-btn:focus,.nlp-confirm-btn:active{border:none!important;outline:none!important;border-radius:12px!important;background:var(--nlp-btn,#1c1c1e)!important;color:var(--nlp-btn-text,#fff)!important;font-weight:600;padding:12px 28px;cursor:pointer;font-family:inherit;transition:background var(--nlp-trans,.3s);box-shadow:none!important;text-shadow:none!important}
.nlp-confirm-btn:hover{background:var(--nlp-btn-hover,#000)!important}
.nlp-pdf-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px}
.nlp-pdf-item{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--nlp-input,#fff);border-radius:14px;padding:11px 14px;font-size:calc(var(--nlp-fs,15px)*.9);color:var(--nlp-item,#1a1a1a);font-weight:600;box-shadow:0 3px 12px rgba(40,35,25,.07);text-align:left}
.nlp-pdf-item a{background:var(--nlp-btn,#1c1c1e);color:var(--nlp-btn-text,#fff)!important;text-decoration:none;border-radius:10px;padding:7px 15px;font-size:.85em;white-space:nowrap;transition:background var(--nlp-trans,.3s)}
.nlp-pdf-item a:hover{background:var(--nlp-btn-hover,#000)}

@media(max-width:520px){
	.nlp-overlay{padding:12px}
	.nlp-popup{max-width:92vw;padding:calc(var(--nlp-pad,22px)*.65);gap:calc(var(--nlp-gap,14px)*.75);border-radius:calc(var(--nlp-radius,26px)*.8)}
	.nlp-hero{padding:14px 15px 16px;border-radius:calc(var(--nlp-radius,26px)*.8 - 5px)}
	.nlp-hero-top{gap:10px;margin-bottom:2px;padding-right:14px}
	.nlp-icon-blob{width:54px;height:54px}
	.nlp-file-ico{width:28px;height:28px}
	.nlp-blob{inset:4px}
	.nlp-logo{height:calc(var(--nlp-logo-h,55px)*.72)}
	.nlp-badge-pill{padding:6px 12px;font-size:12px}
	.nlp-heading{font-size:clamp(19px,6vw,calc(var(--nlp-hfs,30px)*.78));margin-top:6px}
	.nlp-desc{font-size:13px}
	.nlp-mini-label{font-size:12px}
	.nlp-benefits{gap:10px}
	.nlp-benefits li{font-size:13.5px;gap:10px}
	.nlp-b-ico,.nlp-b-ico svg{width:18px;height:18px}
	.nlp-input{padding:12px 14px;font-size:13.5px;border-radius:13px}
	.nlp-email-row{flex-wrap:wrap;padding:8px;border-radius:15px}
	.nlp-email-row .nlp-email{flex:1 1 100%;order:-1;padding:7px 4px}
	.nlp-row-ico{display:none}
	.nlp-email-row .nlp-submit{width:100%;padding:11px 16px;font-size:13.5px}
	.nlp-privacy{font-size:12px}
	.nlp-close,.nlp-close:hover,.nlp-close:focus,.nlp-close:active{top:10px;right:12px;font-size:20px}
	.nlp-field{width:100%!important}
	.nlp-confirm h3{font-size:18px}
	.nlp-confirm p{font-size:13.5px}
	.nlp-pdf-item{font-size:13px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
	.nlp-overlay,.nlp-popup,.nlp-close,.nlp-submit,.nlp-blob{transition:none;animation:none}
}

/* Hard guards — icons fixed size even without full CSS */
.nlp-popup svg{max-width:44px;max-height:44px}
.nlp-b-ico,.nlp-b-ico svg{width:22px;height:22px}
.nlp-row-ico,.nlp-row-ico svg{width:18px;height:18px}

/* Theme-proof input overrides — koi bhi theme CSS grey bg / border nahi laga sakti */
#nlp-overlay .nlp-input{background:var(--nlp-input,#fff)!important;border:none!important;outline:none!important}
#nlp-overlay .nlp-email-row{border:none!important}
#nlp-overlay .nlp-email-row .nlp-email,
#nlp-overlay .nlp-email-row .nlp-email:focus,
#nlp-overlay .nlp-email-row .nlp-email:hover,
#nlp-overlay .nlp-email-row .nlp-email:active{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important}
#nlp-overlay .nlp-email:-webkit-autofill,
#nlp-overlay .nlp-email:-webkit-autofill:hover,
#nlp-overlay .nlp-email:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px var(--nlp-input,#fff) inset!important;-webkit-text-fill-color:var(--nlp-item,#1a1a1a)!important;transition:background-color 9999s ease-in-out 0s}
#nlp-overlay .nlp-submit{border:none!important;outline:none!important}

/* Readonly inputs — theme grey bg block */
#nlp-overlay input[readonly],#nlp-overlay input.readonly,#nlp-overlay textarea[readonly],#nlp-overlay textarea.readonly{background:transparent!important;background-color:transparent!important}