/*
 * /pwork/ — הבונה הציבורי של P‑Worker (12.10). אותה שפה כמו /p-code ו-/p-link (printix3dc/UI-UX D1–D24):
 * רקע #FBFAF7, כרטיסים לבנים עם קו #E6DFD6 ופינות 20 (גלולות 999), בלי צל לכרטיסים, Heebo 400/500/700/800,
 * גדלים 12/14/16/18/22/28/36, ריווח 4/8/12/16/20/24/32/48 (+10 בין זוג כפתורים), חול #D5B398 עם טקסט #F7F7F7,
 * כפתור חול אחד בכל שלב, ריחוף #111, תנועה 0.15/0.3 עם cubic-bezier(.2,.7,.2,1). בהיר בלבד (D7).
 * כל טקסט ארוך נשבר בתוך התיבה שלו (min-width:0 / white-space:normal) — תומר 12.10, אחרי שורה שגלשה ב-/p-code.
 */
.pxpw-j{
	--bg:#FBFAF7; --card:#fff; --ink:#191512; --muted:#7A7166; --line:#E6DFD6;
	--sand:#D5B398; --on-sand:#F7F7F7; --soft:#F0E3D8; --deep:#8A5A1F;
	--ok:#2F7D4F; --ok-bg:#E5F2EA; --warn:#B4561F; --warn-bg:#FBEEE5; --err:#B42318; --err-bg:#FDE8E6;
	--f:"Heebo",system-ui,sans-serif;
	--float:0 12px 32px -8px rgba(25,21,18,.22),0 2px 6px rgba(25,21,18,.06);
	--ease:cubic-bezier(.2,.7,.2,1);
	direction:rtl; text-align:right; color:var(--ink); font:400 16px/1.6 var(--f); -webkit-font-smoothing:antialiased;
}
html,body.pxpw-jbody{margin:0;background:#FBFAF7}
.pxpw-j *,.pxpw-j *::before,.pxpw-j *::after{box-sizing:border-box}
.pxpw-j [hidden]{display:none!important}
/* 15.10 (תומר): האיפוס בלי משקל (:where) — קודם הוא גבר על המרווחים של הכותרת, הפסקה, "שלב N" והמשפט שמתחת לכותרת
   (הכותרת נדבקה לגלולה, הפסקה זזה מהמרכז, "שלב N" נדבק לפס). עכשיו המרווחים כמו ב-/pcode ו-/plink. */
.pxpw-j :where(h1,h2,h3,p){margin:0;font-family:inherit}
.pxpw-j .leadSm{display:none} /* הגרסה הקצרה של משפט השלב הראשון — רק בטלפון */
.pxpw-j button,.pxpw-j input,.pxpw-j select,.pxpw-j textarea{font-family:inherit}
.pxpw-j button,.pxpw-j a{outline:none}
.pxpw-j svg{flex:none}
.pxpw-j bdi{unicode-bidi:isolate}
.pxpw-jpage{max-width:1120px;margin-inline:auto;padding:32px 24px 48px}
/* 0.6.1 (תומר 17.10, בטלפון אחרי "המשך עם Google": מסך לבן, הדף התרחב והכפתור בפינה — כמו ב-/pcode וב-/plink): שום דבר
   לא מרחיב את הדף לצדדים — html ו-body חותכים לרוחב המסך (clip: בלי גלילה, הפס הקבוע בתחתית לא נפגע). מחוץ ל-@media
   בכוונה: דף שהתרחב כבר לא "עד 640" והכלל היה כבה לבד. body ב-position:relative — אחרת אלמנט במיקום מוחלט שנוסף ל-body
   (כמו של Google) לא נחתך, וכרום בטלפון מרחיק את התצוגה. */
html:has(.pxpw-j){overflow-x:hidden!important;overflow-x:clip!important}
body:has(.pxpw-j){overflow-x:hidden!important;overflow-x:clip!important;position:relative!important}
/* תופעת הלוואי של body ב-position:relative (תומר 17.10, ראה ב-/pcode): עד 600 וורדפרס שם את סרגל הניהול ב-absolute,
   top:0 ו-html עם margin-top:46 — עם body יחסי הסרגל יורד 46 ונשאר פס ריק למעלה. מחזירים אותו למעלה. */
@media screen and (max-width:600px){body.admin-bar:has(.pxpw-j) #wpadminbar{top:-46px!important}}

/* ── פתיח ── */
.pjHero{text-align:center;max-width:720px;margin:0 auto 32px}
.pjEyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:999px;background:var(--soft);color:var(--deep);font:500 14px/1 var(--f)}
.pjEyebrow bdi{font-weight:700}
.pjTitle{margin:16px 0 8px;font:800 36px/1.25 var(--f);text-wrap:balance}
.pjLead{margin:0 auto;max-width:600px;font-size:18px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pjPerks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.pjPerks li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500}
.pjPerks svg{color:var(--ok)}
/* אחרי השלב הראשון — רק הכותרת, כדי שהשלב יהיה מול העיניים */
.pxpw-j:not([data-step="0"]) .pjLead,.pxpw-j:not([data-step="0"]) .pjPerks{display:none}
.pxpw-j:not([data-step="0"]) .pjHero{margin-bottom:24px}
.pxpw-j:not([data-step="0"]) .pjTitle{font-size:28px;margin:12px 0 0}

/* ── פריסה: הטופס מימין, הדף החי משמאל ── */
.pjMain{display:grid;gap:24px;align-items:start}
.pjBody,.pjStage{min-width:0}
@media (min-width:1024px){
	.pjMain{grid-template-columns:minmax(0,1fr) 380px;gap:48px}
	.pjStage{position:sticky;top:24px}
}

/* ── כרטיס הטופס ── */
.pjBody{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px}
.pjBar{margin:0 0 20px}
.pjStep{margin:0 0 12px;font:500 14px/1.6 var(--f);color:var(--muted)}
.pjProg{height:8px;background:var(--soft);border-radius:999px;overflow:hidden}
.pjProg i{display:block;height:100%;width:20%;min-width:8px;background:var(--sand);border-radius:999px;transition:width .3s var(--ease)}

/* "חזרה" / "המשך" בראש הכרטיס (תומר 12.10): שליש משני מימין, שני שלישים חול משמאל, רווח 10 */
.pjNav{display:flex;gap:10px;margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.pjNav .pjBtn{flex:2 1 0;min-width:0}
.pjNav .pjBtn.sec{flex:1 1 0;max-width:calc(33.333% - 3.333px)}
.pjNav .pjBtn.sec[hidden] + .pjBtn{flex-basis:100%}
/* 15.10 (תומר): במסך הפתיחה השורה יורדת אל מתחת להתחברות — "דלגו — נמלא ידנית" לבן, מעליו קו (כמו .wbNav.below ב-/plink) */
.pjNav.below{margin:24px 0 0;padding:20px 0 0;border-bottom:0;border-top:1px solid var(--line)}
.pjPair{border-bottom:0;padding:0;margin:16px 0 0}

/* ── כפתורים: ראשי = חול → #111, משני = לבן עם מסגרת חול → #111 ── */
.pjBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;margin:0;padding:0 20px;border:1px solid var(--sand);border-radius:20px;
	background:var(--sand);color:var(--on-sand);font:500 16px/1.25 var(--f);text-decoration:none;cursor:pointer;
	white-space:normal;text-align:center;overflow-wrap:anywhere;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.pjBtn:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pjBtn.sec{background:#fff;color:var(--ink)}
.pjBtn.sec:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
/* 15.10 (תומר): "המשך למשרה" לבן עד שיש שם עסק (pxpw-join.js nextLook), כמו "דלגו" ב-/pcode וב-/plink. אותו רוחב ומקום */
.pjBtn.pjOutline{background:#fff;color:var(--ink)}
.pjBtn.sm{height:40px;padding:0 16px;font-size:14px;flex:none}
.pjBtn:disabled{opacity:.5;cursor:not-allowed}
.pjBtn[aria-busy="true"]::before{content:"";width:18px;height:18px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:999px;animation:pjSpin .8s linear infinite}
@keyframes pjSpin{to{transform:rotate(360deg)}}
.pjLink{display:inline;margin:0;padding:0;border:0;background:none;color:var(--deep);font:500 14px/1.6 var(--f);cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:normal}
.pjLink:hover{color:#111}

/* ── שלב ── */
.pjH{margin:0 0 8px;font:700 22px/1.25 var(--f)}
.pjSub{margin:0 0 24px;color:var(--muted);overflow-wrap:anywhere}
.pjF{margin:0 0 20px;min-width:0}
.pjLbl{display:block;margin:0 0 8px;font:500 14px/1.6 var(--f)}
.pjLbl small{color:var(--muted);font-weight:400;font-size:14px}
.pjHint{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted);white-space:normal;overflow-wrap:anywhere;min-width:0}
.pjHint:empty{margin:0}
.pjErr{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--err);overflow-wrap:anywhere}
.pjFormErr{margin:0 0 20px;padding:12px 16px;border-radius:20px;background:var(--err-bg)}
.pjWarn{margin:8px 0 0;padding:8px 12px;border-radius:20px;background:var(--warn-bg);color:var(--warn);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.pjRow{display:flex;gap:10px;align-items:center;min-width:0}
.pjRow>*{min-width:0}
.pjRow .pjIn{flex:1 1 auto}
.pjAlt{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}

/* שדות: 50px, פינות 20, טבעת חול בפוקוס (D13) */
.pjIn{display:block;width:100%;height:50px;margin:0;padding:0 16px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font:400 16px var(--f);
	transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.pjIn:focus{outline:none;border-color:var(--sand);box-shadow:0 0 0 3px var(--soft)}
.pjIn::placeholder{color:#B5ACA1}
.pjIn.ltr{direction:ltr;text-align:right}
/* 0.9.0: the builder in English / Russian, left to right (PXPW_I18n::start_builder sets dir="ltr") */
.pxpw-j[dir="ltr"]{direction:ltr;text-align:left}
.pxpw-j[dir="ltr"] .pjIn.ltr{text-align:left}
select.pjIn{appearance:none;-webkit-appearance:none;padding-inline-start:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A7166' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat left 16px center/20px}
.pjTa{height:auto;min-height:100px;padding:12px 16px;line-height:1.6;resize:vertical}
.pjWage{flex:0 1 140px!important}

/* בחירה מקבוצה (D20): הנבחר חול */
.pjSeg{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.pjSeg button{flex:1 1 0;min-width:72px;height:50px;padding:0 12px;border:1px solid var(--sand);border-radius:20px;background:#fff;color:var(--ink);font:500 14px/1.25 var(--f);cursor:pointer;white-space:normal;transition:background .3s var(--ease),color .3s var(--ease)}
.pjSeg button[aria-pressed="true"]{background:var(--sand);color:var(--on-sand)}
.pjSeg button:hover{background:#111;color:#fff;border-color:#111}
.pjChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pjChips button{min-height:40px;padding:4px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:500 14px/1.4 var(--f);cursor:pointer;white-space:normal;text-align:center;transition:background .15s var(--ease),border-color .15s var(--ease)}
.pjChips button[aria-pressed="true"]{background:var(--soft);border-color:var(--sand);color:var(--deep)}
.pjCheck{display:flex;align-items:flex-start;gap:8px;margin-top:12px;font-size:14px;cursor:pointer}
.pjCheck input{width:22px;height:22px;margin:0;accent-color:var(--sand);flex:none}
.pjCheck span{min-width:0;white-space:normal}

/* משמרת / שאלה — כרטיס קטן */
.pjCard{margin:0 0 12px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff;min-width:0}
.pjCard h3{margin:0 0 4px;font:700 18px/1.25 var(--f)}
.pjShift .pjRow{flex-wrap:wrap}
.pjShift select.pjIn{flex:1 1 120px}
.pjShift input[type=time]{flex:1 1 110px;direction:ltr}
.pjDays{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.pjDays button{width:40px;height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 14px var(--f);cursor:pointer;color:var(--ink)}
.pjDays button[aria-pressed="true"]{background:var(--sand);border-color:var(--sand);color:var(--on-sand)}
.pjX{margin-inline-start:auto}
.pjQ .pjRow{flex-wrap:wrap}
.pjQ .pjIn{flex:1 1 220px}

/* PAI */
.pjPai{margin:0 0 24px;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--bg)}
/* 25.10 (תומר: "integrate PAI"): the badge as in the shared widget (printix-pai.css — this copy when it isn't loaded),
   the PAI line at the top of every step (#pj-coach, .pxai-coach) and the small "PAI יכתוב / יציע" buttons next to a label */
.pxpw-j .pxai-badge{display:inline-flex;align-items:center;gap:1px;height:26px;padding:0 9px 0 8px;border-radius:20px;background:#191512;color:#fff;direction:ltr;font:800 14px/1 var(--f);flex:none}
.pxpw-j .pxai-badge svg{height:14px;width:auto;color:var(--sand)}
.pxpw-j .pxai-coach.pjCoach{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#FBF6F1);font-size:14px;line-height:1.6}
.pjCoach p{flex:1 1 220px;min-width:0;margin:0}
.pjCoach.busy p::after{content:"";display:inline-block;width:12px;height:12px;margin-inline-start:8px;vertical-align:-1px;border:2px solid var(--sand);border-inline-end-color:transparent;border-radius:999px;animation:pjSpin .8s linear infinite}
.pjCoach .pxai-badge{align-self:flex-start}
.pjLblRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.pjLblRow .pjLbl{margin:0}
.pjPaiBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0;padding:0 14px;border:1px solid var(--sand);border-radius:999px;background:#fff;color:var(--ink);font:500 14px/1.2 var(--f);cursor:pointer;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease)}
.pjPaiBtn::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--sand);flex:none}
.pjPaiBtn:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.pjPaiBtn:disabled{opacity:.5;cursor:not-allowed}
.pjPaiBtn[aria-busy="true"]::before{width:12px;height:12px;background:none;border:2px solid currentColor;border-inline-end-color:transparent;animation:pjSpin .8s linear infinite}
.pjFromG{box-shadow:0 0 0 3px var(--ok-bg)!important;border-color:#9CCBAE!important}
/* 25.10 (תומר): התחייבות — − / + בחודשים מתחת לבחירה המהירה */
.pjStepper{display:flex;align-items:center;gap:10px;margin-top:10px}
.pjStepper .pjBtn{flex:none;width:50px;padding:0;font-size:22px}
.pjStepper output{flex:1;min-width:0;text-align:center;font-weight:500}

/* כניסה */
.pjSocial{margin:0 0 20px}
.pjSec[data-s="0"] .pjSocial{margin:0} /* 15.10: במסך הפתיחה הקו של "דלגו" מתחת עושה את הרווח */
/* העסקים מחשבון Google (אחרי התחברות במסך הפתיחה) — בראש שלב העסק */
.pjHint.pjBizMsg{margin:0 0 20px}
.pjHint.pjBizMsg:empty{margin:0}
.pjWho{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:50px;margin:0 0 20px;padding:8px 16px;border:1px solid var(--line);border-radius:20px;background:#fff;font-size:14px;font-weight:500}
.pjWho b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}
.pjWho span{min-width:0;overflow-wrap:anywhere}

/* 15.10 (תומר): כרטיס לכל תוכנית, כפתור בכל כרטיס — בדיוק כמו .planCard ב-/plink 1.36.6 (ו-/pcode). Pro במסגרת חול */
.pjPlanWrap{margin:0 0 20px}
.pjPlanHead{margin:0 0 16px;text-align:center}
.pjPlanHead h3{margin:0;font:700 18px/1.25 var(--f)}
.pjPlanHead .pjHint{margin:4px 0 0}
.pjPlans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.pjPlans.one{grid-template-columns:1fr}
.pjPlanCard{display:flex;flex-direction:column;min-width:0;margin:0;padding:24px 20px 20px;text-align:center;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px}
.pjPlanCard.best{border-color:var(--sand)}
.pjPlanCard .pT{margin:0;font:700 20px/1.25 var(--f)}
.pjPlanCard .pP{margin:4px 0 16px;font-size:14px;line-height:1.6;color:var(--muted)}
.pjPlanCard ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none;font-size:15px;line-height:1.5}
.pjPlanCard li{margin:0;padding:0;overflow-wrap:anywhere}
.pjPlanCard li.all{font-size:14px;color:var(--muted)}
.pjPlanCard .pjBtn{width:100%;margin-top:auto}

/* באוויר */
/* 15.10 (תומר): השדרוג ל-Pro — ראשון במסך "באוויר" אחרי פרסום בחינם (כמו .dlPro ב-/pcode): מסגרת חול, וי ירוק, מחיר, כפתור חול */
.pjUp{margin:0 0 24px;padding:20px;border:1px solid var(--sand);border-radius:20px;background:#fff;min-width:0}
.pjUp h3{margin:0 0 4px;font:700 18px/1.25 var(--f)}
.pjUp .pjHint{margin:0 0 12px}
.pjPros{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.pjPros li{position:relative;margin:0;padding-inline-start:26px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pjPros li::before{content:"";position:absolute;inset-inline-start:0;top:2px;width:18px;height:18px;background:var(--ok);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.4l3.2 3.2L13 4.8' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.4l3.2 3.2L13 4.8' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.pjProPrice{margin:0 0 12px;font:700 16px/1.4 var(--f);color:var(--deep)}
.pjUp .pjBtn{width:100%}
.pjDone{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.pjDone .pjH{margin:0}
.pjOk{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}
.pjOk svg{width:20px;height:20px}
.pjUrl{display:flex;min-height:50px;align-items:center;padding:8px 16px;border-radius:20px;background:var(--soft);color:var(--deep);font-weight:500;overflow-wrap:anywhere;min-width:0}
.pjSign{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;margin-top:24px}
.pjSignFace{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:20px;background:var(--ink);color:#fff;text-align:center}
.pjSignFace .k{font-size:12px;opacity:.8;overflow-wrap:anywhere}
.pjSignFace b{font:800 28px/1.25 var(--f)}
.pjSignFace span{font-size:12px;opacity:.8}
.pjSignFace .qr{width:120px;height:120px;margin-top:8px;padding:8px;border-radius:12px;background:#fff}
.pjSignFace .qr svg,.pjSignFace .qr img{width:100%;height:100%;display:block}
@media (max-width:520px){.pjSign{grid-template-columns:1fr}}

/* ── הדף החי ── */
.pjStageBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.pjStageBar .t{display:inline-flex;align-items:center;gap:8px;font:500 14px/1.6 var(--f);min-width:0}
.pjStageBar .dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg);flex:none}
.pjPvTog{display:none}
/* 0.5.2 (UI-UX D31): the phone = printix-phone (iPhone 393x852, Dynamic Island); the job page at 393 px inside, scaled */
.pjPhone{--pxphone-w:340px;margin:0 auto}
.pjPhone iframe,.pjPhone iframe.pxphone-vp{border:0;background:#F3EEE8}
.pjStage.closed .pjDevices{display:none}
/* 25.10 (תומר): two screens — the candidate's phone and the owner's P‑Console (to its left). A tab for each until both fit */
.pjTabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fff;min-width:0}
.pjTabs button{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin:0;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--muted);font:500 14px/1.2 var(--f);cursor:pointer;white-space:normal}
.pjTabs button[aria-selected="true"]{background:var(--soft);color:var(--ink)}
.pjTabs .dot,.pjPane figcaption .dot{width:8px;height:8px;border-radius:999px;background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg);flex:none}
.pjDevices{display:flex;gap:24px;align-items:flex-start;justify-content:center;min-width:0}
.pjPane{flex:1 1 0;min-width:0;margin:0}
.pjDevices[data-on="cand"] .pjPane[data-pane="console"],.pjDevices[data-on="console"] .pjPane[data-pane="cand"]{display:none}
.pjPane figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;font:500 14px/1.6 var(--f);text-align:center}
.pjTabs button{white-space:nowrap}
.pjConsole{display:flex;flex-direction:column;height:var(--pj-dev-h,736px);border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:var(--float)}
.pjConsoleBar{display:flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:#F3F0EB;direction:ltr}
.pjConsoleBar i{width:10px;height:10px;border-radius:999px;background:#E0D6CB}
.pjConsoleBar span{margin-inline-start:10px;padding:2px 12px;border-radius:999px;background:#fff;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pjConsoleView{position:relative;flex:1;min-height:0;overflow:hidden;background:#FBFAF7}
/* the page lays out at 760 px and is scaled to the frame (pxpw-join.js fitConsole) */
.pjConsoleView iframe{position:absolute;top:0;inset-inline-start:0;width:760px;height:100%;border:0;transform-origin:top right}
.pxpw-j[dir="ltr"] .pjConsoleView iframe{transform-origin:top left}
@media (min-width:1440px){
	.pxpw-jpage{max-width:1600px}
	.pjMain{grid-template-columns:minmax(520px,1fr) 900px;gap:40px}
	.pjTabs{display:none}
	.pjStageBar{display:none}
	.pjDevices[data-on] .pjPane[data-pane]{display:block}
	.pjPane[data-pane="cand"]{flex:0 0 340px}
	.pjPane figcaption{display:flex}
}

.pjToast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;border-radius:20px;background:#191512;color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);z-index:50;box-shadow:var(--float);white-space:normal;text-align:center}
.pjToast.on{opacity:1}

/* ── טאבלט ומטה: הדף החי מתחת לטופס, אפשר לקפל ── */
@media (max-width:1023px){
	.pjPvTog{display:inline-flex}
	.pjConsole{max-width:560px;margin:0 auto;--pj-dev-h:620px}
}
@media (max-width:640px){
	.pjStageBar{flex-wrap:wrap}
	.pjTabs{flex:1 1 100%}
	.pjTabs button{flex:1 1 0;justify-content:center;padding:0 8px;font-size:13px}
	.pjConsole{--pj-dev-h:560px}
}
/* ── טלפון (≤640): גטר 16, כותרת 28, כרטיס 20 ── */
@media (max-width:640px){
	.pxpw-jpage{padding:20px 16px 72px}
	.pjHero{margin-bottom:24px}
	.pjTitle{font-size:28px}
	.pxpw-j:not([data-step="0"]) .pjTitle{font-size:22px;margin-top:8px}
	.pjLead{font-size:16px}
	.pjBody{padding:20px}
	.pjNav{margin:0 0 20px;padding:0 0 16px}
	.pjPair{margin-top:16px;padding:0}
	/* 15.10 (תומר): המסך הראשון בטלפון — Google, Apple ו"דלגו" בלי לגלול, כמו /pcode ו-/plink. הפסקה הארוכה
	   בפתיח יורדת, הכותרת, הגלולות וראש הכרטיס צפופים, ובמשפט של השלב הראשון הגרסה הקצרה (.leadSm). המחשב בלי שינוי. */
	.pxpw-jpage{padding-top:12px}
	.pjHero{margin-bottom:14px}
	.pjEyebrow{height:24px;padding:0 12px;gap:6px;font-size:12px}
	.pjTitle{margin:6px 0 0;font-size:24px;line-height:1.2}
	.pjLead{display:none}
	.pjPerks{margin-top:10px;gap:6px}
	.pjPerks li{min-height:32px;padding:0 12px;gap:6px;font-size:13px}
	.pjBody{padding:16px}
	.pjBar{margin-bottom:12px}
	.pjStep{margin-bottom:8px}
	.pjNav.below{margin-top:12px;padding-top:12px}
	.pjPlans{grid-template-columns:1fr}
	.pjSec[data-s="0"] .pjH{margin-bottom:4px;font-size:20px}
	.pjSec[data-s="0"] .pjSub{margin-bottom:12px;font-size:14px;line-height:1.5}
	.pjSec[data-s="0"] .leadLg{display:none}
	.pjSec[data-s="0"] .leadSm{display:inline}
	/* 16.10 (תומר: "בטלפון בדיוק כמו P‑Code — הפס למטה תמיד שם"; הלקח מ-/plink 1.38.1: גם במסך הראשון): "חזרה" / "המשך"
	   = פס קבוע בתחתית, אותו CSS כמו .wbNav ב-/pcode — ממסך הפתיחה ("דלגו — נמלא ידנית") ועד "איך מגישים". שלב הפרסום
	   (התוכניות והתשלום) ו"המשרה באוויר" — בלי פס. בצדדים 16 (בדף הזה אין כפתור נגישות / "?" של האתר שצריך להם מקום).
	   מקלדת פתוחה → הפס יורד (kbOpen, watchKeyboard ב-pxpw-join.js) וחוזר כשהיא נסגרת. */
	.pxpw-j:not([data-step="4"]):not([data-step="5"]) .pjNav{position:fixed;left:0;right:0;bottom:0;z-index:900;margin:0;
		padding:12px 16px 17px;background:#fff;border:0;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(25,21,18,.08)}
	.pxpw-j:not([data-step="4"]):not([data-step="5"]) .pjNav .pjBtn{padding:0 10px;font-size:15px}
	.pxpw-j:not([data-step="4"]):not([data-step="5"]) .pxpw-jpage{padding-bottom:110px}
	.pxpw-j:not([data-step="4"]):not([data-step="5"]) .pjToast{bottom:96px}
	.pxpw-j.kbOpen .pjNav{display:none!important}
	body:has(.pxpw-j.kbOpen) #pxh,body:has(.pxpw-j.kbOpen) #ea11y-root{display:none!important}
	body:has(.pxpw-j:not([data-step="4"]):not([data-step="5"])) #pxh{bottom:18px!important;right:16px!important;left:auto!important}
	body:has(.pxpw-j:not([data-step="4"]):not([data-step="5"])) #pxh .pxh-tip{display:none!important}
	body:has(.pxpw-j:not([data-step="4"]):not([data-step="5"])) #pxst-cookie{bottom:90px!important}
}
@media (prefers-reduced-motion:reduce){
	.pxpw-j *,.pxpw-j *::before,.pxpw-j *::after{transition:none!important;animation-duration:.01s!important}
}
/* זוג בלי כפתור חול (כבר יש אחד במסך): השני תופס ⅔ */
.pjNav .pjBtn.sec.pjWide{flex:2 1 0;max-width:none}

/* 15.10 (תומר): במסכי מגע אין ריחוף — אחרי נגיעה הדפדפן משאיר :hover "דבוק" והכפתור נשאר שחור (כמו ב-/pcode).
   במגע המראה הרגיל נשאר, ושחור רק בזמן הלחיצה עצמה (:active). כולל כפתורי Google / Apple של PrintixSocial (.pxgid-btn). */
@media (hover:none){
	.pjBtn:hover:not(:disabled){background:var(--sand);color:var(--on-sand);border-color:var(--sand)}
	.pjBtn.sec:hover:not(:disabled),.pjBtn.pjOutline:hover:not(:disabled){background:#fff;color:var(--ink);border-color:var(--sand)}
	.pjSeg button:hover{background:#fff;color:var(--ink);border-color:var(--sand)}
	.pjSeg button[aria-pressed="true"]:hover{background:var(--sand);color:var(--on-sand);border-color:var(--sand)}
	.pjLink:hover{color:var(--deep)}
	.pxpw-j .pxgid-btn:hover:not(:disabled){background:#fff!important;color:#111!important;border-color:#D5B398!important}
	.pjBtn:not(:disabled):active,.pjBtn.sec:not(:disabled):active,.pjBtn.pjOutline:not(:disabled):active,
	.pjSeg button:active,.pjSeg button[aria-pressed="true"]:active{background:#111;color:#fff;border-color:#111}
	.pxpw-j .pxgid-btn:not(:disabled):active{background:#111!important;color:#fff!important;border-color:#111!important}
}

/* 15.10 (תומר): "the continue button fades into the background" — אחרי 3.5 שניות בלי מגע כפתור ההמשך החול קופץ
   (pxpw-join.js nudge, שוב כל 5 שניות). רק על החול — לבן ("דלגו", "המשך למשרה" בלי שם) לא מקבל את המחלקה.
   בלי תנועה (reduced-motion): בלי הגדלה, רק טבעת חול. */
/* 16.10: אותה קפיצה בדיוק כמו ב-/pcode וב-/plink — זוהר ב-filter (drop-shadow), כך שהוא נראה גם בפס הקבוע בתחתית */
@keyframes pxNudge{0%,100%{transform:none;filter:none}30%{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(213,179,152,.95))}60%{transform:scale(.98);filter:drop-shadow(0 0 4px rgba(213,179,152,.5))}}
.pxpw-j .pjBtn.nudge{animation:pxNudge 1s ease 2}
@media (prefers-reduced-motion:reduce){
	.pxpw-j .pjBtn.nudge{animation:none!important;filter:drop-shadow(0 0 6px rgba(213,179,152,.95))}
}

/* 16.10: שאלות הסינון בבסיסי — הערה קטנה מעל השאלות (pxpw-join.js, לפי join/state) */
.pjHint.pjLock{margin:0 0 8px}
/* D33 (19.10.2026): centred button labels + the "המשרה באוויר" screen and the Pro upgrade card centred (the ticked list stays a list) */
.pxpw-j .pjBtn,.pjSeg button,.pjChips button,.pjDays button,.pxpw-j .pxgid-btn{text-align:center;justify-content:center}
.pjDone,.pjUrl{justify-content:center}
#pj-doneSub,.pjUp h3,#pj-upS,#pj-upHint,.pjUp .pjProPrice{text-align:center}

/* 0.12.0 — the builder inside a site page ([pxpw_builder]): the theme's button:focus (pink #c36) never shows; each button keeps its own colours */
.pxpw-j .pjBtn:focus{background:var(--sand);color:var(--on-sand)}
.pxpw-j .pjBtn.sec:focus,.pxpw-j .pjBtn.pjOutline:focus{background:#fff;color:var(--ink)}
.pxpw-j .pjSeg button:focus,.pxpw-j .pjChips button:focus,.pxpw-j .pjDays button:focus,.pxpw-j .pjPaiBtn:focus{background:#fff;color:var(--ink)}
.pxpw-j .pjSeg button[aria-pressed="true"]:focus,.pxpw-j .pjDays button[aria-pressed="true"]:focus{background:var(--sand);color:var(--on-sand)}
.pxpw-j .pjChips button[aria-pressed="true"]:focus{background:var(--soft);color:var(--deep)}
.pxpw-j .pjTabs button:focus{background:none;color:var(--muted)}
.pxpw-j .pjTabs button[aria-selected="true"]:focus{background:var(--soft);color:var(--ink)}
.pxpw-j button{white-space:normal;text-transform:none;letter-spacing:normal}
.pxpw-embed{background:#FBFAF7}