/* P‑Pay — גיליון התשלום (pxqr-pay.js). לפי printix3dc/UI-UX (D1–D25): חול #D5B398 עם טקסט #F7F7F7, דיו #191512,
   קצוות 20 (999 לעיגולים, 8 לתיבת סימון), גובה 50, Heebo 400/500/700/800, צל רק לחלון הצף.
   הכל מוגן ב-!important: ערכת העיצוב של האתר צובעת כל button / input (ורוד) — כאן לא נכנס שום דבר ממנה. 12.10 */
html.pxpay-lock{overflow:hidden}
.pxpay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;font-family:"Heebo",sans-serif!important;direction:rtl;color:#191512;line-height:1.6;-webkit-font-smoothing:antialiased}
.pxpay *,.pxpay *::before,.pxpay *::after{box-sizing:border-box;font-family:"Heebo",sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.pxpay-bg{position:absolute;inset:0;background:rgba(25,21,18,.45)}
.pxpay-d{position:relative;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:24px 20px 20px;border-radius:20px;background:#fff;box-shadow:0 12px 32px -8px rgba(25,21,18,.22),0 2px 6px rgba(25,21,18,.06);text-align:start}
.pxpay.pxpay-wide .pxpay-d{width:min(560px,calc(100vw - 32px))}

/* סגירה: עיגול רך, בלי מסגרת */
.pxpay .pxpay-x{position:absolute!important;top:16px!important;inset-inline-end:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:#F0E3D8!important;color:#191512!important;box-shadow:none!important;cursor:pointer;transition:background .3s cubic-bezier(.2,.7,.2,1),color .3s cubic-bezier(.2,.7,.2,1)}
.pxpay .pxpay-x svg{width:20px;height:20px;stroke:currentColor}
.pxpay .pxpay-x:hover{background:#111!important;color:#fff!important}
.pxpay .pxpay-x:focus{outline:none!important}

.pxpay-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-inline-end:52px}
.pxpay-h b{font-size:18px;font-weight:700;color:#191512}
.pxpay-p{font-size:18px;font-weight:800;white-space:nowrap;color:#191512}
.pxpay-p small{font-size:12px;font-weight:400;color:#7A7166}
.pxpay-desc{margin:4px 0 0!important;font-size:14px;line-height:1.6;color:#7A7166}
.pxpay-desc svg,.pxpay-card svg{width:16px;height:16px;vertical-align:-3px;flex:none;stroke:currentColor}
.pxpay-s{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.pxpay-s[hidden]{display:none!important}
.pxpay-card{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #E6DFD6;border-radius:20px;background:#FBFAF7;font-size:14px;color:#191512}

/* שדות: 50, לבן, קו #E6DFD6, קצוות 20, טקסט 16; בפוקוס קו חול + טבעת #F0E3D8 (D13) */
.pxpay-f{display:flex;flex-direction:column;gap:4px;margin:0!important;font-size:14px!important;font-weight:500!important;color:#191512!important}
.pxpay-f small{font-size:14px;font-weight:400;color:#7A7166}
.pxpay .pxpay-f input{height:50px!important;min-height:50px!important;width:100%!important;margin:0!important;padding:0 16px!important;border:1px solid #E6DFD6!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;font-size:16px!important;font-weight:400!important;color:#191512!important;outline:none!important}
.pxpay .pxpay-f input[dir="ltr"]{text-align:left}
.pxpay .pxpay-f input:focus{border-color:#D5B398!important;box-shadow:0 0 0 3px #F0E3D8!important}

/* תיבת סימון 22 בקצוות 8, חול כשמסומנת */
.pxpay-ok-l{display:flex;gap:8px;align-items:flex-start;margin:0!important;font-size:14px!important;font-weight:400!important;line-height:1.6;color:#191512!important;cursor:pointer}
.pxpay .pxpay-ok-l input{appearance:none!important;-webkit-appearance:none!important;flex:none;width:22px!important;height:22px!important;min-height:0!important;margin:1px 0 0!important;padding:0!important;border:1px solid #E6DFD6!important;border-radius:8px!important;background:#fff!important;cursor:pointer;display:inline-grid!important;place-content:center}
.pxpay .pxpay-ok-l input:checked{background:#D5B398!important;border-color:#D5B398!important}
.pxpay .pxpay-ok-l input:checked::after{content:"";width:6px;height:11px;border:solid #F7F7F7;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}

/* הכפתור הראשי: חול, טקסט #F7F7F7, 50, קצוות 20; ריחוף #111 עם לבן (D1, D2) */
.pxpay .pxpay-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:20px!important;background:#D5B398!important;color:#F7F7F7!important;box-shadow:none!important;font-size:16px!important;font-weight:500!important;line-height:1!important;text-decoration:none!important;cursor:pointer;transition:background .3s cubic-bezier(.2,.7,.2,1),color .3s cubic-bezier(.2,.7,.2,1)}
.pxpay .pxpay-btn:hover,.pxpay .pxpay-btn:focus-visible{background:#111!important;color:#fff!important;outline:none!important}
.pxpay .pxpay-btn:disabled,.pxpay .pxpay-btn:disabled:hover{opacity:.45;cursor:default;background:#D5B398!important;color:#F7F7F7!important}

/* קישור: #8A5A1F, בלי רקע */
.pxpay .pxpay-lnk{align-self:center;display:inline-block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#8A5A1F!important;font-size:14px!important;font-weight:500!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
.pxpay .pxpay-lnk:hover,.pxpay .pxpay-lnk:focus{background:none!important;color:#191512!important;outline:none!important}

.pxpay-msg{min-height:1em;font-size:14px;color:#B42318}
.pxpay-note{margin:16px 0 0!important;font-size:14px;line-height:1.6;color:#191512}
/* 1.1.0: בזמן תקופת ניסיון — עד מתי חינם */
.pxpay-trial{margin:12px 0 0!important;padding:10px 14px;border-radius:16px;background:#FBF6F1;border:1px solid #F0E3D8;font-size:14px;line-height:1.6;color:#191512}
.pxpay-ok{margin:16px 0 4px!important;padding:12px 16px;border-radius:20px;background:#E5F2EA;border:1px solid #E5F2EA;color:#2F7D4F;font-size:14px;font-weight:500}
.pxpay-b>.pxpay-btn{margin-top:16px!important}
.pxpay-wait{padding:32px 0;text-align:center;color:#7A7166;font-size:14px}

/* כרטיס חדש: טופס טרנזילה בתוך הגיליון */
.pxpay-frame{position:relative;margin-top:12px;border:1px solid #E6DFD6;border-radius:20px;overflow:hidden;background:#fff}
.pxpay-frame iframe{display:block;width:100%;height:620px;border:0}
.pxpay-frame .pxpay-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.pxpay .pxpay-frame+.pxpay-lnk{display:block!important;margin-top:8px!important;font-size:14px!important}

.pxpay-toast{position:fixed;z-index:100001;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:20px;background:#191512;color:#fff;font:500 14px "Heebo",sans-serif;box-shadow:0 12px 32px -8px rgba(25,21,18,.22),0 2px 6px rgba(25,21,18,.06);transition:opacity .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}
.pxpay-toast.out{opacity:0;transform:translate(-50%,8px)}

@media (max-width:639px){
	.pxpay{align-items:flex-end}
	.pxpay-d,.pxpay.pxpay-wide .pxpay-d{width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}
	.pxpay-frame iframe{height:min(600px,62vh)}
}
@media (prefers-reduced-motion:reduce){.pxpay *{transition:none!important}}

/* מצב טופס התשלום (12.10): בלי גלילה — חלון בגובה המסך, כותרת קומפקטית, שורה קטנה מתחת לטופס */
.pxpay.pxpay-wide .pxpay-d{max-height:calc(100vh - 16px);padding:16px 16px 12px;scrollbar-width:none}
.pxpay.pxpay-wide .pxpay-d::-webkit-scrollbar{display:none}
/* תומר 12.10 (ערב): בלי פס גלילה — המסגרת בגובה הטופס של טרנזילה (כרטיס + ביט ≈ 520), השורה של טרנזילה צמודה מתחת */
.pxpay.pxpay-wide .pxpay-frame iframe{height:540px}
.pxpay.pxpay-wide .pxpay-sub{margin:4px 0 0!important}
.pxpay.pxpay-wide .pxpay-h{min-height:40px;align-items:center}
.pxpay.pxpay-wide .pxpay-frame{margin-top:8px;border:0;border-radius:0}
.pxpay-sub{margin:8px 0 0!important;font-size:12px;line-height:1.6;color:#7A7166;text-align:center}
.pxpay-sub svg{width:14px;height:14px;vertical-align:-2px;stroke:currentColor}
.pxpay .pxpay-lnk.pxpay-inl{display:inline!important;padding:0!important;font-size:12px!important}
@media (max-width:639px){.pxpay.pxpay-wide .pxpay-d{max-height:100vh;border-radius:20px 20px 0 0}.pxpay.pxpay-wide .pxpay-frame iframe{height:580px}}

/* D33 (19.10.2026): centred button labels + centred notes in the sheet (UI-UX D33). Header name/price row and the card row stay as they are. */
.pxpay .pxpay-btn,.pxpay .pxpay-lnk,.pxpay .pxpay-x{text-align:center!important;justify-content:center!important}
.pxpay-note,.pxpay-trial,.pxpay-ok,.pxpay-msg{text-align:center}