/* /pmarketing/ landing + onboarding. UI-UX: Heebo, sand #D5B398 + #F7F7F7, #FBFAF7, white cards with a line,
   corners 20, 50px controls, sizes 12/14/16/18/22/28/36, no dark mode, no emojis. */
.pmkw-page{background:#FBFAF7}
.pmkw{--w-ink:#191512;--w-mu:#7A7166;--w-line:#E6DFD6;--w-sand:#D5B398;--w-soft:#F0E3D8;--w-link:#8A5A1F;--w-ease:cubic-bezier(.2,.7,.2,1);
  max-width:1180px;margin:0 auto;padding:32px 16px 64px;font-family:Heebo,sans-serif;color:var(--w-ink);font-size:16px;line-height:1.6;box-sizing:border-box;
  /* 15.10 (תומר): רקע #FBFAF7 לכל רוחב המסך, כמו /plink — גם כשהערכה של האתר אפורה */
  background:#FBFAF7;box-shadow:0 0 0 100vmax #FBFAF7;clip-path:inset(0 -100vmax)}
.pmkw *{box-sizing:border-box}
/* 0.3.1 (תומר 17.10, בטלפון אחרי "המשך עם Google": מסך לבן, הדף התרחב והכפתור בפינה — כמו ב-/pcode וב-/plink): שום דבר
   לא מרחיב את הדף לצדדים — html ו-body חותכים לרוחב המסך (clip: בלי גלילה, הפס הקבוע בתחתית לא נפגע). מחוץ ל-@media
   בכוונה: דף שהתרחב כבר לא "עד 640" והכלל היה כבה לבד. body ב-position:relative — אחרת אלמנט במיקום מוחלט שנוסף ל-body
   (כמו של Google) לא נחתך, וכרום בטלפון מרחיק את התצוגה. */
html:has(#pmkw){overflow-x:hidden!important;overflow-x:clip!important}
body:has(#pmkw){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(#pmkw) #wpadminbar{top:-46px!important}}
/* 15.10 (תומר): פתיח המשפחה (/plink, /pcode) — גלולה במרכז, כותרת, פסקה קצרה ושלוש גלולות עם וי */
.pmkw-hero{max-width:720px;margin:0 auto 32px;text-align:center}
.pmkw-eyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:999px;background:var(--w-soft);color:var(--w-link);font:500 14px Heebo,sans-serif;direction:rtl}
.pmkw-eyebrow bdi{font-weight:700}
.pmkw .pmkw-title{margin:16px 0 8px;font-size:36px;line-height:1.25;font-weight:800;letter-spacing:0;text-wrap:balance} /* .pmkw לפני — אחרת ".elementor-kit-21 h1" (55px) גובר */
.pmkw-lead{margin:0 auto;max-width:600px;font-size:18px;color:var(--w-mu);text-wrap:pretty}
.pmkw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.pmkw-chips li{display:inline-flex;align-items:center;gap:8px;height:36px;margin:0;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--w-line);font-size:14px;font-weight:500;color:var(--w-ink);white-space:nowrap}
.pmkw-chips svg{flex:none;color:#2F7D4F}
/* אחרי מסך הפתיחה — רק הכותרת, כדי שהשלב יהיה מול העיניים */
.pmkw:not([data-step="1"]) .pmkw-lead,.pmkw:not([data-step="1"]) .pmkw-chips{display:none}
.pmkw:not([data-step="1"]) .pmkw-hero{margin-bottom:24px}
.pmkw:not([data-step="1"]) .pmkw-title{font-size:28px;margin:12px 0 0}
.pmkw-main{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:32px;align-items:start}
.pmkw-card{background:#fff;border:1px solid var(--w-line);border-radius:20px;padding:24px}
#pmkw-step{display:flex;flex-direction:column;gap:12px}
.pmkw-card h2{margin:0;font-size:22px;line-height:1.25;font-weight:700}
.pmkw-m{margin:0;color:var(--w-mu)}
.pmkw-s{margin:0;font-size:14px;color:var(--w-mu)}
.pmkw-n{margin:0;font-size:14px;font-weight:500;color:var(--w-mu)}
.pmkw-bar{display:flex;flex-direction:column;gap:12px} /* "שלב N מתוך 3 · …" + פס ההתקדמות */
.pmkw-sm{display:none} /* 15.10: הגרסה הקצרה של משפט הפתיחה — רק בטלפון */
.pmkw-prog{height:8px;border-radius:999px;background:var(--w-soft);overflow:hidden}
.pmkw-prog i{display:block;height:100%;background:var(--w-sand);border-radius:999px;transition:width .3s var(--w-ease)}
.pmkw-f{display:flex;flex-direction:column;gap:4px}
.pmkw-f label{font-size:14px;font-weight:500}
.pmkw-f input{width:100%;height:50px;border:1px solid var(--w-line);border-radius:20px;background:#fff;padding:0 16px;font:400 16px Heebo,sans-serif;color:var(--w-ink);transition:border-color .15s var(--w-ease),box-shadow .15s var(--w-ease)}
.pmkw-f input:focus{outline:none;border-color:var(--w-sand);box-shadow:0 0 0 3px var(--w-soft)}
.pmkw-f input[disabled]{background:#FBFAF7;color:var(--w-mu)}
.pmkw-b{height:50px;border:0;border-radius:20px;background:var(--w-sand);color:#F7F7F7;font:500 16px/1 Heebo,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;width:100%;transition:background .3s var(--w-ease),color .3s var(--w-ease)}
.pmkw-b:focus{outline:none}
.pmkw-b[disabled]{opacity:.7;cursor:default}
/* 16.10: לבן עם מסגרת חול — "חזרה", ו"שליחת קוד" עד שהשדות מלאים (לא מתחרה ב‑Google) */
.pmkw-o{background:#fff;color:var(--w-ink);border:1px solid var(--w-sand)}
/* 16.10: חיבור Gmail = הכפתור הראשי של שלב 2 (חול), ה‑G של Google על עיגול לבן */
.pmkw-gl{width:28px;height:28px;flex:none;border-radius:999px;background:#fff;display:grid;place-items:center}
/* ריחוף שחור רק כשיש עכבר (UI-UX); במסך מגע — שחור רק בזמן הלחיצה (ראו hover:none) */
@media (hover:hover){
  .pmkw-b:hover:not([disabled]),.pmkw-b:focus-visible{background:#111;color:#fff;border-color:#111}
}
/* 16.10 (תומר: "בטלפון בדיוק כמו P‑Code"): שורת הכפתורים של השלב — במחשב בתוך הכרטיס, בטלפון פס קבוע בתחתית (למטה).
   זוג: "חזרה" לבן שליש (מימין), הראשי חול שני שליש (משמאל) */
.pmkw-nav{display:flex;gap:10px}
.pmkw-nav .pmkw-b{flex:1 1 0;min-width:0}
.pmkw-nav.pair .pmkw-o{flex:1 1 0}
.pmkw-nav.pair .pmkw-b:not(.pmkw-o){flex:2 1 0}
.pmkw-hint{font-size:14px;color:var(--w-mu)}
.pmkw-link{align-self:center;background:none;border:0;color:var(--w-link);font:500 14px Heebo,sans-serif;cursor:pointer;text-decoration:underline;padding:8px}
.pmkw-msg{margin:0;padding:12px 16px;border-radius:20px;font-size:14px}
.pmkw-msg.err{background:#FDE8E6;color:#B42318}.pmkw-msg.ok{background:#E5F2EA;color:#2F7D4F}
.pmkw-pill{align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--w-soft);color:var(--w-link);font-size:14px;font-weight:500}
.pmkw-ok{width:56px;height:56px;border-radius:999px;background:#E5F2EA;color:#2F7D4F;display:grid;place-items:center}
.pmkw-or{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--w-mu);font-size:14px}
.pmkw-or::before,.pmkw-or::after{content:"";flex:1;border-top:1px solid var(--w-line)}
.pmkw-spin{width:18px;height:18px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:999px;animation:pmkw-rot .8s linear infinite}
@keyframes pmkw-rot{to{transform:rotate(360deg)}}
.pmkw-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pmkw-perks li{background:#fff;border:1px solid var(--w-line);border-radius:20px;padding:20px;display:flex;gap:12px;align-items:flex-start}
.pmkw-pi{width:40px;height:40px;border-radius:999px;background:var(--w-soft);color:var(--w-link);display:grid;place-items:center;flex:none}
.pmkw-perks li>span:last-child{display:flex;flex-direction:column;gap:4px}
.pmkw-perks b{font-size:16px;font-weight:700}
.pmkw-perks li>span>span{font-size:14px;color:var(--w-mu)}
.pmkw-skel{display:flex;flex-direction:column;gap:12px}
.pmkw-skel i{display:block;height:50px;border-radius:20px;background:linear-gradient(90deg,#F3EEE8 25%,#FBF7F2 50%,#F3EEE8 75%);background-size:200% 100%;animation:pmkw-sh 1.4s linear infinite}
@keyframes pmkw-sh{to{background-position:-200% 0}}
@media (max-width:899px){
  .pmkw{padding:24px 16px 48px}
  .pmkw .pmkw-title{font-size:28px}
  .pmkw-lead{font-size:16px}
  .pmkw-main{grid-template-columns:1fr;gap:24px}
  .pmkw-perks{grid-template-columns:1fr}
  .pmkw-card{padding:20px}
}
/* 15.10 (תומר): בטלפון אין ריחוף — אחרי נגיעה :hover / :focus נשארים "דבוקים" והכפתור נשאר שחור (כמו ב-/pcode).
   במסכי מגע המראה הרגיל נשאר, ושחור רק בזמן הלחיצה עצמה (:active). גם כפתורי Google / Apple של ספריית ההתחברות. */
@media (hover:none){
  .pmkw-b:hover,.pmkw-b:focus{background:var(--w-sand);color:#F7F7F7}
  .pmkw-o:hover,.pmkw-o:focus{background:#fff;color:var(--w-ink);border-color:var(--w-sand)}
  .pmkw .pxgid-btn:hover:not(:disabled){background:#fff!important;color:#111!important;border-color:#D5B398!important}
  .pmkw-b:not([disabled]):active,.pmkw .pxgid-btn:active:not(:disabled){background:#111!important;color:#fff!important;border-color:#111!important}
}
/* 15.10 (תומר): המסך הראשון בטלפון — Google, Apple ותחילת הטופס בלי לגלול (412×745, 390×664, 360×640), כמו /plink ו-/pcode.
   הפסקה הארוכה בפתיח יורדת, הכותרת, הגלולות וראש הכרטיס צפופים, ובמשפט של מסך הפתיחה הגרסה הקצרה (.pmkw-sm). */
@media (max-width:640px){
  .pmkw{padding-top:12px}
  .pmkw-hero{margin-bottom:14px}
  .pmkw-eyebrow{height:24px;padding:0 12px;gap:6px;font-size:12px}
  .pmkw .pmkw-title{margin:6px 0 0;font-size:24px;line-height:1.2}
  .pmkw:not([data-step="1"]) .pmkw-title{font-size:22px;margin-top:8px}
  .pmkw-lead{display:none}
  .pmkw-chips{margin-top:10px;gap:6px}
  .pmkw-chips li{height:32px;padding:0 12px;gap:6px;font-size:13px}
  .pmkw-card{padding:16px}
  #pmkw-step{gap:10px}
  .pmkw-bar{gap:8px}
  .pmkw-card h2{font-size:20px}
  .pmkw-card h2+.pmkw-m{margin-top:-6px;font-size:14px;line-height:1.5}
  .pmkw-lg{display:none}
  .pmkw-sm{display:inline}
  .pmkw-or{margin:0}
  /* בועת "צריכים עזרה?" של האתר יושבת על "שליחת קוד" — במסך הפתיחה רק ה-"?" */
  body:has(.pmkw[data-step="1"]) #pxh .pxh-tip{display:none!important}
  /* 16.10 (תומר: "בטלפון בדיוק כמו P‑Code — הפס למטה תמיד שם", כבר מהמסך הראשון): שורת הכפתורים היא פס קבוע בתחתית
     בשלבים 1–2 — אותו CSS כמו .wbNav ב-/pcode: שורה אחת, הנגישות משמאל וה-"?" מימין. שלב 3 ("הכל מוכן") — בלי פס.
     clip-path / box-shadow של הרקע לכל הרוחב חותכים שכבה קבועה; בטלפון #pmkw כבר ברוחב המסך, אז בלעדיהם. */
  .pmkw[data-step="1"],.pmkw[data-step="2"]{clip-path:none;box-shadow:none;padding-bottom:110px}
  .pmkw[data-step="1"] .pmkw-nav,.pmkw[data-step="2"] .pmkw-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;margin:0;
    padding:12px 76px 17px 72px;background:#fff;border:0;border-top:1px solid var(--w-line);box-shadow:0 -8px 24px rgba(25,21,18,.08)}
  .pmkw[data-step="1"] .pmkw-nav .pmkw-b,.pmkw[data-step="2"] .pmkw-nav .pmkw-b{padding:0 10px;font-size:15px}
  body:has(.pmkw[data-step="1"]) #pxh,body:has(.pmkw[data-step="2"]) #pxh{bottom:18px!important;right:16px!important;left:auto!important}
  body:has(.pmkw[data-step="2"]) #pxh .pxh-tip{display:none!important}
  body:has(.pmkw[data-step="1"]) #pxst-cookie,body:has(.pmkw[data-step="2"]) #pxst-cookie{bottom:90px!important}
  /* מקלדת פתוחה (kbOpen, ראו watchKeyboard) — הפס, ה-"?" והנגישות יורדים, וחוזרים כשהיא נסגרת */
  .pmkw.kbOpen .pmkw-nav{display:none!important}
  body:has(.pmkw.kbOpen) #pxh,body:has(.pmkw.kbOpen) #ea11y-root{display:none!important}
}
/* 15.10 (תומר): "כפתור ההמשך נבלע ברקע" — אחרי כמה שניות בלי מגע הכפתור הראשי קופץ (class nudge מ-pmk-web.js).
   16.10: הזוהר ב-filter כמו ב-/pcode (box-shadow / outline נחסמים על כפתורים באתר) */
@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))}}
.pmkw .pmkw-b.nudge{animation:pxNudge 1s ease 2}
@media (prefers-reduced-motion:reduce){
  .pmkw *{transition:none!important;animation:none!important}
  .pmkw .pmkw-b.nudge{filter:drop-shadow(0 0 6px rgba(213,179,152,.95))} /* בלי תנועה: רק זוהר חול */
}

/* 0.4.0 (Tomer 20.10): in English / Russian the landing runs left to right (printix-languages sets dir="ltr" on .pmkw
   data-px-builder; the site's frame stays right to left) */
.pmkw[dir="ltr"]{direction:ltr;text-align:left}
.pmkw[dir="ltr"] .pmkw-eyebrow{direction:ltr}

/* D33 (19.10.2026): centred button labels — icon + word together in the middle */
.pmkw .pmkw-b,.pmkw .pmkw-link,.pmkw .pmkw-pill,.pmkw .pmkw-chips li{justify-content:center;text-align:center}