/* ==========================================================================
   פעימות נפש — מערכת תרומות · עיצוב הטופס
   הצבע הראשי מגיע מהקמפיין (--pn-c) ומוזרק ב-inline style על .pn-root
   ========================================================================== */

.pn-root{
  --pn-ink:#1a1413;
  --pn-muted:#7c7470;
  --pn-line:#e7e3e0;
  --pn-soft:#faf8f7;
  --pn-font:'POLIN','Heebo',Arial,sans-serif;
  --pn-radius:20px;
}

.pn-overlay{
  position:fixed; inset:0; z-index:2147483000;
  display:none; align-items:center; justify-content:center;
  padding:16px; direction:rtl; font-family:var(--pn-font);
  background:rgba(20,14,12,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  box-sizing:border-box;
}
.pn-overlay.pn-open{ display:flex; animation:pnFade .25s ease both; }
.pn-overlay *{ box-sizing:border-box; font-family:var(--pn-font) !important; }

.pn-modal{
  background:#fff; width:100%; max-width:640px;
  border-radius:var(--pn-radius); position:relative;
  max-height:94dvh; max-height:94vh; display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 30px 80px -20px rgba(20,14,12,.5), 0 0 0 1px rgba(20,14,12,.04);
  animation:pnPop .38s cubic-bezier(.2,.9,.25,1) both;
}

/* כותרת */
.pn-head{
  background:linear-gradient(135deg,var(--pn-c),var(--pn-c-dark));
  color:#fff; padding:18px 30px 16px; position:relative; flex:0 0 auto;
}
.pn-head h2{ margin:0; font-size:17px; font-weight:400; letter-spacing:-.2px; color:#fff; }
.pn-head .pn-sub{ margin:3px 0 0; font-size:12.5px; opacity:.9; display:flex; align-items:center; gap:5px; }
.pn-testbadge{ display:none; margin-top:9px; font-size:11.5px; font-weight:700;
  background:rgba(255,255,255,.22); color:#fff; padding:4px 12px; border-radius:20px; }
.pn-testbadge.pn-show{ display:inline-block; }

.pn-root .pn-close{
  position:absolute !important; top:12px !important; left:14px !important; right:auto !important;
  width:36px !important; height:36px !important; min-width:0 !important; padding:0 !important; border:none !important;
  background:rgba(255,255,255,.25) !important; color:#fff !important; border-radius:50% !important; font-size:22px !important;
  line-height:1 !important; display:flex !important; align-items:center !important; justify-content:center !important;
  cursor:pointer; z-index:20 !important; box-shadow:0 2px 6px rgba(0,0,0,.15) !important;
  transition:background .15s, transform .15s;
}
.pn-root .pn-close:hover{ background:rgba(255,255,255,.42) !important; transform:rotate(90deg); }

/* פס התקדמות */
.pn-progress{ display:flex; gap:6px; padding:16px 30px 0; flex:0 0 auto; }
.pn-progress.pn-gone{ display:none; }
.pn-pseg{ flex:1; height:5px; border-radius:99px; background:var(--pn-line); overflow:hidden; }
.pn-pseg i{ display:block; height:100%; width:0; background:var(--pn-c); border-radius:99px; transition:width .4s ease; }
.pn-pseg.pn-done i, .pn-pseg.pn-cur i{ width:100%; }
.pn-plabels{ display:flex; justify-content:space-between; padding:7px 30px 0; font-size:11px; color:var(--pn-muted); }
.pn-plabels.pn-gone{ display:none; }
.pn-plabels span.pn-on{ color:var(--pn-c); font-weight:700; }

/* גוף */
.pn-body{ padding:24px 30px 28px; overflow-y:auto; -webkit-overflow-scrolling:touch; flex:1 1 auto; }
.pn-step{ display:none; }
.pn-step.pn-vis{ display:block; animation:pnStep .32s ease both; }

.pn-chosen{
  display:flex; align-items:center; justify-content:center; gap:8px;
  background:var(--pn-soft); border:1px solid var(--pn-line); border-radius:14px;
  padding:9px 12px; margin-bottom:16px; font-size:14px; color:var(--pn-ink);
}
.pn-chosen b{ color:var(--pn-c); font-size:16px; }
.pn-chosen button{ background:none; border:none; color:var(--pn-muted); font-family:var(--pn-font);
  font-size:12.5px; text-decoration:underline; cursor:pointer; padding:0 2px; }

/* שלב 1 */
.pn-bigamount{ text-align:center; margin:2px 0 16px; }
.pn-bigamount .pn-num{ font-size:44px; font-weight:400; color:var(--pn-ink); line-height:1; }
.pn-bigamount .pn-per{ display:block; font-size:13px; color:var(--pn-muted); margin-top:5px; min-height:16px; }

.pn-type{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; }
.pn-root .pn-type button{
  padding:11px !important; border:1.5px solid var(--pn-line) !important; border-radius:13px !important; background:#fff !important;
  font-family:var(--pn-font) !important; font-weight:400 !important; font-size:14px !important; color:var(--pn-muted) !important;
  cursor:pointer; transition:all .18s;
}
.pn-root .pn-type button.pn-on{ border-color:var(--pn-c) !important; color:var(--pn-c) !important; background:rgba(0,0,0,.02) !important; }

.pn-chips{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.pn-root .pn-chips .pn-chip{
  padding:18px 15px 15px !important; border:1px solid #000 !important; border-radius:15px !important; background:#fff !important;
  color:#000 !important; font-family:var(--pn-font) !important; font-weight:400 !important; font-size:17px !important; line-height:1 !important;
  cursor:pointer; transition:transform .12s, border-color .18s, box-shadow .18s;
}
.pn-root .pn-chips .pn-chip:hover{ border-color:var(--pn-c) !important; box-shadow:0 0 0 1px var(--pn-c) inset; }
.pn-root .pn-chips .pn-chip:active{ transform:scale(.97); }
.pn-root .pn-chips .pn-chip.pn-on{ border-color:var(--pn-c) !important; box-shadow:0 0 0 1px var(--pn-c) inset; }

.pn-custom{ margin-top:11px; }
.pn-custom.pn-gone{ display:none; }
.pn-custom input{
  width:100%; text-align:center; font-family:var(--pn-font); font-size:22px;
  color:var(--pn-c); border:1.5px solid var(--pn-c); border-radius:14px; padding:13px;
}
.pn-custom input:focus{ outline:none; box-shadow:0 0 0 3px rgba(0,0,0,.08); }

/* שדות */
.pn-field{ margin-bottom:12px; }
.pn-field label{ display:block; font-size:12.5px; color:var(--pn-muted); margin-bottom:5px; }
.pn-field input, .pn-field select{
  width:100%; padding:13px 14px; border:1.5px solid var(--pn-line); border-radius:13px;
  font-family:var(--pn-font); font-size:16px; background:var(--pn-soft); color:var(--pn-ink);
  transition:border-color .18s, background .18s;
}
.pn-field input:focus{ outline:none; border-color:var(--pn-c); background:#fff; }
.pn-field input.pn-bad{ border-color:var(--pn-c); background:#fff5f6; }
.pn-row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.pn-phone-wrap{ display:flex; gap:8px; }
.pn-phone-wrap select{ flex:0 0 92px; text-align:center; }
.pn-phone-wrap input{ flex:1; text-align:right; }

/* טאבים */
.pn-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:14px; background:var(--pn-soft);
  padding:5px; border-radius:14px; border:1px solid var(--pn-line); }
.pn-root .pn-tabs .pn-tab{
  padding:11px !important; border:none !important; border-radius:10px !important; background:transparent !important;
  font-family:var(--pn-font) !important; font-size:14.5px !important; cursor:pointer; color:var(--pn-muted) !important;
  display:flex; align-items:center; justify-content:center; gap:6px; transition:all .18s;
}
.pn-root .pn-tabs .pn-tab.pn-active{ background:#fff !important; color:var(--pn-c) !important; box-shadow:0 2px 8px rgba(20,14,12,.08); }

.pn-select-row{ margin-bottom:13px; }
.pn-select-row.pn-gone{ display:none; }
.pn-select-row label{ display:block; font-size:12.5px; color:var(--pn-muted); margin-bottom:5px; }
.pn-select-row select{
  width:100%; padding:12px; border:1.5px solid var(--pn-line); border-radius:12px;
  font-family:var(--pn-font); font-size:15px; background:#fff; color:var(--pn-ink);
}

.pn-iframe-wrap{ margin:4px 0 14px; min-height:90px; position:relative; }
.pn-nedarim{ width:100%; border:none; min-height:90px; transition:height .3s ease; }
.pn-iframe-load{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--pn-muted); font-size:13px; }
.pn-iframe-wrap.pn-ready .pn-iframe-load{ display:none; }
.pn-spin-sm{ width:18px; height:18px; border:2px solid var(--pn-line); border-top-color:var(--pn-c);
  border-radius:50%; display:inline-block; animation:pnSpin .8s linear infinite; }

/* כפתורים */
.pn-btns{ display:flex; gap:10px; margin-top:4px; align-items:center; }
.pn-root .pn-primary{
  flex:1; border:none !important; border-radius:999px !important; cursor:pointer;
  background:var(--pn-c) !important; color:#fff !important; font-family:var(--pn-font) !important;
  font-weight:400 !important; font-size:17px !important;
  padding:16px 20px 15px !important; line-height:1; transition:background .18s, transform .1s;
}
.pn-root .pn-primary:hover{ background:#000 !important; }
.pn-root .pn-primary:active{ transform:scale(.98); }
.pn-root .pn-primary:disabled{ opacity:.55; cursor:default; }

.pn-root .pn-back{
  flex:0 0 auto; border:none !important; background:none !important; cursor:pointer;
  color:var(--pn-muted) !important; font-family:var(--pn-font) !important; font-size:15px !important;
  padding:15px 6px !important; display:inline-flex; align-items:center; gap:5px; transition:color .15s;
}
.pn-root .pn-back:hover{ color:#000 !important; }

/* ביט */
.pn-root .pn-bit-btn{
  width:100%; cursor:pointer; position:relative; overflow:hidden;
  border-radius:999px !important; padding:16px 20px !important;
  font-family:var(--pn-font) !important; font-weight:700 !important; font-size:16.5px !important; line-height:1;
  border:1px solid rgba(255,255,255,.5) !important; color:#fff !important;
  background:linear-gradient(180deg,#4ec5ff 0%,#1ea7ff 25%,#0099ff 55%,#0077c2 85%,#2a8fd1 100%) !important;
  display:flex; align-items:center; justify-content:center; gap:10px;
  box-shadow:0 12px 30px rgba(0,119,194,.45), inset 0 2px 4px rgba(255,255,255,.4), inset 0 -3px 8px rgba(0,80,130,.3);
  text-shadow:0 1px 2px rgba(0,50,90,.25);
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s;
}
.pn-root .pn-bit-btn:hover{ transform:translateY(-2px) scale(1.01);
  box-shadow:0 16px 40px rgba(0,119,194,.55), inset 0 2px 4px rgba(255,255,255,.5), inset 0 -3px 8px rgba(0,80,130,.3); }
.pn-root .pn-bit-btn:active{ transform:translateY(0) scale(1); }
/* הלוגו עצמו הוא התג הכהה — בלי עטיפה לבנה סביבו.
   ה-!important הכרחי: ערכות עיצוב ואלמנטור מכריחים כללים גלובליים על img
   (כמו img{height:auto!important;width:100%}) שדורסים כל גודל שנקבע כאן. */
.pn-root .pn-bitpill{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  flex:0 0 auto !important; background:transparent !important; padding:0 !important;
  border-radius:0 !important; box-shadow:none !important; position:relative; z-index:1;
  width:auto !important; height:28px !important; max-width:none !important; overflow:visible !important;
}
.pn-root .pn-bitpill .pn-bitimg{
  height:28px !important; max-height:28px !important; min-height:0 !important;
  width:auto !important; max-width:none !important; min-width:0 !important;
  display:block !important; object-fit:contain !important;
  margin:0 !important; padding:0 !important; border:none !important;
  border-radius:0 !important; box-shadow:none !important; background:none !important;
  vertical-align:middle !important;
}

/* נפילה אחורה: אם התמונה לא נטענת — טקסט בגלולה לבנה */
.pn-root .pn-bitword{
  display:inline-flex !important; align-items:center; justify-content:center;
  background:#fff !important; padding:6px 12px !important; border-radius:30px !important;
  box-shadow:0 2px 8px rgba(0,50,90,.18) !important;
  color:#0099ff !important; font-weight:900 !important; font-size:15px !important;
  letter-spacing:-.5px; line-height:1; height:auto !important; width:auto !important;
}
.pn-bittxt{ position:relative; z-index:1; }
.pn-bit-note{ text-align:center; color:var(--pn-muted); font-size:13px; margin:2px 0 14px; }

.pn-or{ display:flex; align-items:center; gap:10px; margin:14px 2px 12px; color:var(--pn-muted); font-size:12.5px; }
.pn-or::before, .pn-or::after{ content:""; flex:1; height:1px; background:var(--pn-line); }

/* אמון */
.pn-trust{
  display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap;
  margin-top:14px; padding-top:13px; border-top:1px solid var(--pn-line);
  font-size:11.5px; color:var(--pn-muted); text-align:center;
}
.pn-trust .pn-dot{ width:3px; height:3px; border-radius:50%; background:var(--pn-line); }

.pn-err{ color:var(--pn-c); font-size:13.5px; text-align:center; margin-top:10px; min-height:17px; }
.pn-hidden{ display:none !important; }
.pn-gone{ display:none !important; }

/* מסכי תוצאה */
.pn-screen{ display:none; text-align:center; padding:34px 24px 30px; }
.pn-screen.pn-vis{ display:block; animation:pnStep .3s ease both; }
.pn-screen h3{ font-size:22px; margin:14px 0 7px; color:var(--pn-ink); font-weight:400; }
.pn-screen p{ color:var(--pn-muted); font-size:15px; line-height:1.5; margin:0 auto; max-width:320px; }
.pn-screen a{ display:inline-block; margin-top:14px; font-size:13px; color:var(--pn-muted); text-decoration:underline; }
.pn-spinner{ width:42px; height:42px; border:4px solid var(--pn-line); border-top-color:var(--pn-c);
  border-radius:50%; margin:6px auto 14px; animation:pnSpin .9s linear infinite; }
.pn-checkwrap{ width:78px; height:78px; margin:0 auto; }
.pn-checkwrap circle{ stroke:var(--pn-c); stroke-width:5; fill:rgba(0,0,0,.04);
  stroke-dasharray:289; stroke-dashoffset:289; animation:mdDraw .6s ease forwards; }
.pn-checkwrap path{ stroke:var(--pn-c); stroke-width:6; fill:none; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray:60; stroke-dashoffset:60; animation:mdDraw .4s .45s ease forwards; }

@keyframes pnFade{ from{opacity:0} to{opacity:1} }
@keyframes pnPop{ from{opacity:0; transform:translateY(20px) scale(.97)} to{opacity:1; transform:none} }
@keyframes pnStep{ from{opacity:0; transform:translateX(16px)} to{opacity:1; transform:none} }
@keyframes pnSpin{ to{ transform:rotate(360deg) } }
@keyframes mdDraw{ to{ stroke-dashoffset:0 } }

@media (prefers-reduced-motion: reduce){
  .pn-overlay.pn-open, .pn-modal, .pn-step.pn-vis, .pn-screen.pn-vis{ animation:none !important; }
  .pn-checkwrap circle, .pn-checkwrap path{ animation:none !important; stroke-dashoffset:0 !important; }
}

/* נייד */
@media (max-width:480px){
  .pn-overlay{ padding:0; align-items:flex-end; }
  .pn-modal{ max-width:100%; max-height:96dvh; max-height:96vh;
    border-radius:22px 22px 0 0; animation:mdSheet .4s cubic-bezier(.2,.9,.25,1) both; }
  .pn-head{ padding:16px 20px 14px; }
  .pn-progress{ padding:14px 20px 0; }
  .pn-plabels{ padding:7px 20px 0; }
  .pn-body{ padding:20px 20px 22px; }
  .pn-bigamount .pn-num{ font-size:38px; }
  .pn-chips{ grid-template-columns:repeat(2,1fr); }
  .pn-root .pn-primary{ font-size:16px !important; }
}
@keyframes mdSheet{ from{transform:translateY(100%)} to{transform:translateY(0)} }

/* ==========================================================================
   קמפיין באנגלית — LTR
   ========================================================================== */
.pn-root[dir="ltr"] .pn-overlay{ direction:ltr; }
.pn-root[dir="ltr"] .pn-root .pn-close{ left:auto !important; right:14px !important; }
.pn-root[dir="ltr"] .pn-field input,
.pn-root[dir="ltr"] .pn-field select{ text-align:left; }
.pn-root[dir="ltr"] .pn-phone-wrap input{ text-align:left; }
.pn-root[dir="ltr"] .pn-plabels{ direction:ltr; }
.pn-root[dir="ltr"] .pn-trust{ direction:ltr; }
.pn-root[dir="ltr"] .pn-chosen{ direction:ltr; }
.pn-root[dir="ltr"] .pn-phone-intl{ width:100%; }
.pn-lang-en .pn-overlay *{ font-family:'Heebo',Arial,Helvetica,sans-serif !important; }

/* ==========================================================================
   פעימות נפש — טופס מוטמע (inline) + מודל אשראי למחבר ההיברידי
   ========================================================================== */

/* --- טופס מוטמע בעמוד --- */
.pn-inline{ font-family:var(--pn-font); direction:rtl; }
.pn-inline[dir="ltr"]{ direction:ltr; }
.pn-inline *{ box-sizing:border-box; }
.pn-card{
  background:#fff; border:1px solid var(--pn-line); border-radius:var(--pn-radius);
  padding:22px; max-width:520px; margin:0 auto; position:relative;
  box-shadow:0 10px 40px -12px rgba(20,14,12,.18);
}
.pn-inline .pn-stage{ display:none; }
.pn-inline .pn-stage.pn-vis{ display:block; animation:pnStep .3s ease both; }
.pn-inline .pn-testbadge{ display:none; margin-bottom:12px; font-size:11.5px; font-weight:700;
  background:var(--pn-c); color:#fff; padding:4px 12px; border-radius:20px; text-align:center; }
.pn-inline .pn-testbadge.pn-show{ display:block; }
.pn-inline .pn-fields{ margin-top:16px; }
.pn-inline .pn-tabs{ margin-top:16px; }
.pn-inline .pn-pay{ margin-top:14px; }
@keyframes pnStep{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:none} }

/* --- מודל אשראי (רק במסלול ההיברידי) --- */
.pn-modal-overlay{
  position:fixed; inset:0; z-index:2147483000; display:none;
  align-items:center; justify-content:center; padding:16px;
  background:rgba(20,14,12,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  direction:rtl; font-family:var(--pn-font);
}
.pn-modal-overlay[dir="ltr"]{ direction:ltr; }
.pn-modal-overlay.pn-open{ display:flex; animation:pnFade .25s ease both; }
.pn-modal-box{
  background:#fff; width:100%; max-width:480px; border-radius:20px; padding:26px 24px;
  position:relative; max-height:94vh; overflow-y:auto;
  box-shadow:0 30px 80px -20px rgba(20,14,12,.5);
  animation:pnPop .35s cubic-bezier(.2,.9,.25,1) both;
}
.pn-modal-close{
  position:absolute; top:12px; left:14px; width:34px; height:34px; border:none;
  background:#f0eef2; color:#555; border-radius:50%; font-size:22px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; line-height:1;
}
.pn-modal-overlay[dir="ltr"] .pn-modal-close{ left:auto; right:14px; }
.pn-modal-close:hover{ background:#e2dee8; }
.pn-modal-title{ margin:0 0 6px; font-size:20px; font-weight:400; color:var(--pn-ink); }
.pn-modal-amt{ font-size:22px; font-weight:800; color:var(--pn-c); margin-bottom:16px; }
@keyframes pnFade{ from{opacity:0} to{opacity:1} }
@keyframes pnPop{ from{opacity:0; transform:translateY(16px) scale(.97)} to{opacity:1; transform:none} }

/* --- מצב "נבחר" באלמנטים של המשתמש (מחבר היברידי) --- */
.pn-selected{ outline:2px solid var(--pn-c) !important; outline-offset:1px; }

@media (max-width:480px){
  .pn-card{ padding:18px; border-radius:16px; }
  .pn-modal-box{ padding:20px 18px; }
}

/* ==========================================================================
   מודל אשראי משודרג — אמין ומעוצב
   ========================================================================== */
.pn-modal-fancy{ padding:0 !important; overflow:hidden; max-width:460px; }
.pn-modal-head{
  background:linear-gradient(135deg, var(--pn-c,#e11d48), var(--pn-c-dark,#be123c));
  color:#fff; padding:20px 22px; display:flex; align-items:center; gap:12px; position:relative;
}
.pn-modal-lock{
  width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center; flex:0 0 42px;
}
.pn-modal-htext{ flex:1; text-align:right; }
.pn-modal-htitle{ font-size:17px; font-weight:800; line-height:1.2; }
.pn-modal-hsub{ font-size:12px; opacity:.85; margin-top:2px; }
.pn-modal-amt-badge{
  background:rgba(255,255,255,.95); color:var(--pn-c,#e11d48); font-weight:900;
  font-size:16px; padding:7px 14px; border-radius:30px; white-space:nowrap;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
.pn-modal-fancy .pn-modal-close{
  position:absolute; top:14px; left:14px; background:rgba(255,255,255,.2);
  color:#fff; width:30px; height:30px; z-index:2;
}
.pn-modal-fancy .pn-modal-close:hover{ background:rgba(255,255,255,.35); }
.pn-modal-body{ padding:22px; }
.pn-modal-body .pn-primary{ margin-top:14px; }
.pn-modal-trust{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px;
  margin-top:16px; padding-top:14px; border-top:1px solid #eef0f2;
  font-size:11.5px; color:#8a9099;
}
.pn-modal-trust .pn-dot2{ width:3px; height:3px; border-radius:50%; background:#cbd0d6; }

/* ספינר קטן על כפתור ביט בזמן יצירת קישור */
.pn-btn-spin{
  width:15px; height:15px; border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff; border-radius:50%; display:inline-block;
  animation:pnSpin .7s linear infinite; vertical-align:middle;
}
@keyframes pnSpin{ to{ transform:rotate(360deg); } }

/* ==========================================================================
   מערכת פופאפים אחידה — חסרים פרטים / ביט / שגיאה
   ========================================================================== */
.pn-pop-overlay{
  position:fixed !important; inset:0 !important; z-index:2147483600 !important; display:none !important;
  align-items:center; justify-content:center; padding:16px;
  background:rgba(15,23,42,.62); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  direction:rtl; font-family:var(--pn-font, 'Heebo', Arial, sans-serif);
  margin:0 !important; inset-inline:0 !important;
}
.pn-pop-overlay.pn-pop-open{ display:flex !important; animation:pnPopFade .2s ease both; }
.pn-pop-box{
  background:#fff; width:100%; max-width:400px; border-radius:22px; padding:30px 26px 26px;
  position:relative; box-shadow:0 30px 80px -20px rgba(15,23,42,.5);
  animation:pnPopIn .32s cubic-bezier(.2,.9,.25,1) both; max-height:92vh; overflow-y:auto;
}
.pn-pop-x{
  position:absolute; top:14px; left:16px; width:32px; height:32px; border:none; cursor:pointer;
  background:#f1f5f9; color:#64748b; border-radius:50%; font-size:20px; line-height:1;
  display:flex; align-items:center; justify-content:center; transition:background .15s;
}
.pn-pop-x:hover{ background:#e2e8f0; }
.pn-pop-icon{
  width:66px; height:66px; margin:0 auto 16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.pn-pop-title{ font-size:21px; font-weight:800; color:#0f172a; margin:0 0 8px; line-height:1.25; }
.pn-pop-sub{ font-size:14px; color:#64748b; line-height:1.6; margin:0 auto; max-width:320px; }
.pn-pop-btn{
  display:block; width:100%; margin:18px auto 0; padding:15px; border:none; cursor:pointer;
  background:var(--pn-pop-accent,#e11d48); color:#fff; font-size:16px; font-weight:800;
  border-radius:14px; text-decoration:none; text-align:center; transition:filter .15s, transform .1s;
  box-shadow:0 6px 16px -4px var(--pn-pop-accent,#e11d48);
}
.pn-pop-btn:hover{ filter:brightness(1.05); }
.pn-pop-btn:active{ transform:scale(.99); }
.pn-pop-trust{
  background:#f8fafc; border:1px solid #eef2f6; border-radius:12px; padding:13px 15px;
  margin:18px auto 0; max-width:330px; font-size:12.5px; color:#5a6b7a;
  line-height:1.9; text-align:right;
}
@keyframes pnPopFade{ from{opacity:0} to{opacity:1} }
@keyframes pnPopIn{ from{opacity:0; transform:translateY(18px) scale(.96)} to{opacity:1; transform:none} }

@media (max-width:480px){
  .pn-pop-box{ padding:26px 20px 22px; border-radius:18px; }
  .pn-pop-title{ font-size:19px; }
}

/* ==========================================================================
   עיצוב הטופס (מוטמע + פופאפ) — גרסה 2: נקי, ברור, רספונסיבי.
   ממוקם בסוף הקובץ בכוונה — גובר על חוקים ישנים מעלה.
   ========================================================================== */
.pn-root .pn-card{
  background:#fff !important; border:1px solid #eeeae7 !important; border-radius:20px !important;
  padding:22px 20px !important; box-shadow:0 14px 40px -18px rgba(26,20,19,.18) !important;
  font-family:var(--pn-font,'Heebo',Arial,sans-serif) !important; color:var(--pn-ink,#1a1413) !important;
  max-width:560px; margin:0 auto; direction:rtl; text-align:right;
}
.pn-root .pn-card *{ box-sizing:border-box; font-family:inherit !important; }

/* --- מתג חד-פעמי / חודשי --- */
.pn-root .pn-type{
  display:grid !important; grid-template-columns:1fr 1fr; gap:6px;
  background:#f4f1ef; border-radius:14px; padding:5px; margin:0 0 14px; border:none;
}
.pn-root .pn-type button{
  border:none !important; background:transparent !important; border-radius:10px !important;
  padding:11px 8px !important; font-size:14.5px !important; font-weight:600 !important;
  color:var(--pn-muted,#7c7470) !important; cursor:pointer; transition:all .15s;
}
.pn-root .pn-type button.pn-on{
  background:#fff !important; color:var(--pn-c,#D30021) !important;
  box-shadow:0 2px 8px rgba(26,20,19,.10) !important;
}

/* --- כפתורי סכום --- */
.pn-root .pn-chips{ display:grid !important; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 0 10px; }
.pn-root .pn-chips .pn-chip{
  border:1.5px solid var(--pn-line,#e7e3e0) !important; background:#fff !important;
  border-radius:14px !important; padding:14px 6px !important;
  font-size:16.5px !important; font-weight:700 !important; color:var(--pn-ink,#1a1413) !important;
  line-height:1 !important; cursor:pointer; transition:border-color .15s, box-shadow .15s, transform .1s;
}
.pn-root .pn-chips .pn-chip:hover{ border-color:var(--pn-c,#D30021) !important; }
.pn-root .pn-chips .pn-chip.pn-on{
  border-color:var(--pn-c,#D30021) !important;
  box-shadow:0 0 0 1.5px var(--pn-c,#D30021) inset !important;
  color:var(--pn-c,#D30021) !important; background:#fff !important;
}
.pn-root .pn-chips .pn-chip:active{ transform:scale(.97); }
.pn-root .pn-custom{ margin:0 0 12px; }
.pn-root .pn-custom-input{
  width:100% !important; border:1.5px solid var(--pn-line,#e7e3e0) !important; border-radius:12px !important;
  padding:13px 14px !important; font-size:16px !important; background:#fff !important;
  color:var(--pn-ink,#1a1413) !important;
}
.pn-root .pn-custom-input:focus{ outline:none !important; border-color:var(--pn-c,#D30021) !important; box-shadow:0 0 0 3px rgba(211,0,33,.10) !important; }

/* --- שדות פרטים --- */
.pn-root .pn-fields{ display:flex; flex-direction:column; gap:10px; margin:4px 0 14px; }
.pn-root .pn-row2{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px; }
.pn-root .pn-field label{
  display:block; margin:0 0 5px; font-size:13px !important; font-weight:600 !important;
  color:var(--pn-muted,#7c7470) !important; line-height:1.35;
}
.pn-root .pn-field input, .pn-root .pn-field select{
  width:100% !important; border:1.5px solid var(--pn-line,#e7e3e0) !important; border-radius:12px !important;
  padding:12px 13px !important; font-size:15.5px !important; background:#fff !important;
  color:var(--pn-ink,#1a1413) !important; transition:border-color .15s, box-shadow .15s;
}
.pn-root .pn-field input:focus, .pn-root .pn-field select:focus{
  outline:none !important; border-color:var(--pn-c,#D30021) !important; box-shadow:0 0 0 3px rgba(211,0,33,.10) !important;
}
.pn-root .pn-phone-wrap{ display:flex; gap:8px; direction:ltr; }
.pn-root .pn-phone-wrap .pn-pre{ flex:0 0 86px; width:auto !important; }
.pn-root .pn-phone-wrap .pn-phone{ flex:1; }

/* --- טאבים אשראי / ביט --- */
.pn-root .pn-tabs{
  display:grid !important; grid-template-columns:1fr 1fr; gap:6px;
  background:#f4f1ef; border-radius:14px; padding:5px; margin:0 0 14px; border:none;
}
.pn-root .pn-tabs .pn-tab{
  border:none !important; background:transparent !important; border-radius:10px !important;
  padding:11px 8px !important; font-size:14.5px !important; font-weight:600 !important;
  color:var(--pn-muted,#7c7470) !important; cursor:pointer; transition:all .15s;
}
.pn-root .pn-tabs .pn-tab.pn-active{
  background:#fff !important; color:var(--pn-c,#D30021) !important;
  box-shadow:0 2px 8px rgba(26,20,19,.10) !important;
}

/* --- שורות בחירה (תשלומים / חודשים) --- */
.pn-root .pn-select-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 10px; }
.pn-root .pn-select-row label{ font-size:13.5px !important; font-weight:600 !important; color:var(--pn-muted,#7c7470) !important; margin:0; }
.pn-root .pn-select-row select{
  flex:0 0 auto; min-width:150px; border:1.5px solid var(--pn-line,#e7e3e0) !important; border-radius:10px !important;
  padding:9px 10px !important; font-size:14px !important; background:#fff !important; color:var(--pn-ink,#1a1413) !important;
}

/* --- אזור האשראי (iframe) --- */
.pn-root .pn-iframe-wrap{
  position:relative; border:1.5px solid var(--pn-line,#e7e3e0); border-radius:14px;
  overflow:hidden; background:#faf8f7; min-height:150px; margin:0 0 12px;
}
.pn-root .pn-iframe-wrap .pn-nedarim{ display:block; width:100%; border:0; min-height:150px; }
.pn-root .pn-iframe-load{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:8px;
  font-size:13.5px; color:var(--pn-muted,#7c7470); background:#faf8f7; z-index:1; pointer-events:none;
  opacity:1; transition:opacity .3s;
}
.pn-root .pn-iframe-wrap.pn-ready .pn-iframe-load{ opacity:0; }

/* --- כפתור תשלום ראשי --- */
.pn-root .pn-primary{
  display:block; width:100% !important; border:none !important; border-radius:14px !important;
  background:var(--pn-c,#D30021) !important; color:#fff !important;
  padding:15px 20px !important; font-size:17px !important; font-weight:700 !important; line-height:1.15 !important;
  cursor:pointer; box-shadow:0 10px 24px -10px var(--pn-c,#D30021);
  transition:filter .15s, transform .1s; flex:none !important;
}
.pn-root .pn-primary:hover{ filter:brightness(.92); }
.pn-root .pn-primary:active{ transform:scale(.985); }
.pn-root .pn-primary:disabled{ opacity:.55; cursor:default; }

/* --- ביט --- */
.pn-root .pn-bit-note{ margin:2px 0 12px !important; font-size:14px !important; color:var(--pn-muted,#7c7470) !important; text-align:center; }
.pn-root .pn-bit-btn{ margin:0 0 6px !important; }

/* --- שגיאות + שורת אמון --- */
.pn-root .pn-err{ margin:8px 0 0; font-size:13.5px !important; font-weight:600; color:#c22 !important; text-align:center; }
.pn-root .pn-err:empty{ display:none; }
.pn-root .pn-trust{
  display:flex; align-items:center; justify-content:center; gap:7px; flex-wrap:wrap;
  margin:14px 0 0; font-size:12px !important; color:#a39b96 !important;
}
.pn-root .pn-dot{ width:3px; height:3px; border-radius:50%; background:#cfc8c3; display:inline-block; }

/* --- תג מצב בדיקה --- */
.pn-root .pn-testbadge{ display:none; margin:0 0 10px; text-align:center; font-size:12px !important; font-weight:700;
  color:#b45309 !important; background:#fef3c7; border-radius:8px; padding:6px; }
.pn-root .pn-testbadge.pn-show{ display:block; }

/* --- מסכי תוצאה (טעינה / SMS / הצלחה) --- */
.pn-root .pn-screen-loading, .pn-root .pn-screen-bit, .pn-root .pn-screen-success{ text-align:center; padding:34px 10px; }
.pn-root .pn-screen-loading h3, .pn-root .pn-screen-bit h3, .pn-root .pn-screen-success h3{
  margin:14px 0 6px; font-size:20px !important; color:var(--pn-ink,#1a1413) !important; }
.pn-root .pn-screen-loading p, .pn-root .pn-screen-bit p, .pn-root .pn-screen-success p{
  margin:0 0 10px; font-size:14.5px !important; color:var(--pn-muted,#7c7470) !important; }
.pn-root .pn-spinner{ width:44px; height:44px; margin:0 auto; border-radius:50%;
  border:4px solid #f0ebe8; border-top-color:var(--pn-c,#D30021); animation:pnSpin .7s linear infinite; }
.pn-root .pn-bit-link{ display:inline-block; margin-top:6px; color:#0099ff !important; font-weight:700 !important; }
.pn-root .pn-checkwrap{ width:74px; height:74px; }
.pn-root .pn-checkwrap circle{ fill:none; stroke:#22a559; stroke-width:5; }
.pn-root .pn-checkwrap path{ fill:none; stroke:#22a559; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; }

/* --- הפופאפ העוטף --- */
.pn-popup-overlay .pn-popup-box{ max-width:560px !important; }
.pn-popup-overlay .pn-card{ box-shadow:none !important; }
.pn-popup-overlay .pn-popup-close{ background:#fff !important; box-shadow:0 2px 8px rgba(0,0,0,.18) !important; }

/* --- נייד --- */
@media (max-width:480px){
  .pn-root .pn-card{ padding:16px 13px !important; border-radius:16px !important; }
  .pn-root .pn-chips{ gap:7px; }
  .pn-root .pn-chips .pn-chip{ padding:13px 4px !important; font-size:15.5px !important; }
  .pn-root .pn-row2{ gap:8px; }
  /* פונט 16px בשדות — מונע זום אוטומטי באייפון */
  .pn-root .pn-field input, .pn-root .pn-field select, .pn-root .pn-custom-input{ font-size:16px !important; }
  .pn-root .pn-primary{ font-size:16.5px !important; padding:15px 16px !important; }
  .pn-popup-overlay{ padding:10px !important; }
  .pn-popup-overlay .pn-popup-box{ max-height:94vh !important; }
}