/* עמודי התוכן בסגנון אפל — אותו עולם כמו הסיפור בדף הבית. נטען אחרון בכל עמוד שנבנה מבלוקים. © 2026 ViralStudio
   1. אסימונים  2. כותרת העמוד  3. כותרות קטעים  4. כפתורים  5. כרטיסי יכולות  6. שלבים  7. שאלות נפוצות
   8. קריאה לפעולה  9. טקסט ומסמכים משפטיים + תוכן עניינים דביק  10. מה חדש  11. מחירון  12. ביקורות, כרטיסים, מספרים
   13. תחתית  14. טלפון (עיצוב נפרד)  15. נגישות: פחות תנועה, פחות שקיפות, ניגודיות גבוהה
   רק transform ו-opacity מונפשים. לא נוגעים בבלוק הסיפור (.vss). */

/* ---------- 1. אסימונים ---------- */
:root{
  --pp-ink:#f5f3fb;--pp-soft:#aca7c2;--pp-mute:#9590ab;--pp-line:rgba(255,255,255,.08);--pp-line2:rgba(255,255,255,.15);
  --pp-glass:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.022));
  --pp-ease:cubic-bezier(.22,1,.36,1);--pp-ui:cubic-bezier(.32,.72,0,1);
  /* קפיץ קטן (בלי הקפצה מוגזמת) — לפתיחה/סגירה של רכיבים קטנים */
  --pp-spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001 85.9%,1);
  --pp-r:28px;--pp-top:84px;
  --vs-faint:#8f8f9e   /* אפור חלש — עדיין בניגודיות AA על הרקע הכהה */
}
body.elementor-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.vs-block ::selection{background:rgba(245,245,247,0.23);color:#fff}
/* פוקוס מקלדת ברור וזהה בכל האתר */
.vs-block a:focus-visible,.vs-block button:focus-visible,.vs-block summary:focus-visible,.vsf a:focus-visible,.pp-toc a:focus-visible{outline:2px solid #f5f5f7;outline-offset:3px;border-radius:12px}

/* ---------- 2. כותרת העמוד: ענקית, שקטה, עם זוהר רך מאחור. בגלילה היא מתרחקת קצת (motion.js מעדכן --pp-p) ---------- */
.vs-t-pagehead.vs-v-default .vs-pagehead,.vs-t-pagehead.vs-v-grid .vs-pagehead{position:relative;isolation:isolate;max-width:1140px;margin:0 auto;padding:clamp(92px,11vw,156px) 20px clamp(40px,5vw,72px);text-align:center}
.vs-t-pagehead.vs-v-default .vs-pagehead::before{content:"";position:absolute;z-index:-1;inset:0 8% -20%;pointer-events:none;
  background:radial-gradient(42% 46% at 50% 46%,rgba(245,245,247,0.1),transparent 72%),radial-gradient(26% 34% at 34% 58%,rgba(245,245,247,0.06),transparent 72%),radial-gradient(24% 30% at 68% 40%,rgba(245,245,247,0.04),transparent 72%)}
.vs-t-pagehead .vs-pagehead h1{font-size:clamp(46px,7.6vw,108px);font-weight:900;line-height:1;letter-spacing:-.03em;padding-bottom:.08em;text-wrap:balance;
  background:none;-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:translate3d(0,calc(var(--pp-p,0) * -28px),0) scale(calc(1 - var(--pp-p,0) * .07));opacity:calc(1 - var(--pp-p,0) * .65);transform-origin:50% 100%;will-change:transform;color:var(--vs-paper,#f5f5f7);-webkit-text-fill-color:currentColor}
/* המילה האחרונה בכותרת — בצבעי המותג (motion.js עוטף אותה) */
.vs-pagehead .pp-gw{background:none;-webkit-background-clip:text;background-clip:text;color:transparent;color:var(--vs-paper,#f5f5f7);-webkit-text-fill-color:currentColor}
.vs-t-pagehead .vs-pagehead p{max-width:660px;margin:22px auto 0;color:var(--pp-soft);font-size:clamp(18px,1.75vw,23px);line-height:1.55;font-weight:400;text-wrap:balance;
  transform:translate3d(0,calc(var(--pp-p,0) * -14px),0);opacity:calc(1 - var(--pp-p,0) * .9)}
/* הקטע הראשון אחרי כותרת העמוד — צמוד יותר, כמו המשך של אותו משפט */
.vs-t-pagehead+.vs-block>.elementor-section:first-child[style^="padding:84px"],.vs-t-pagehead+.vs-block>.elementor-section:first-child[style^="padding:40px"]{padding-top:16px!important}
.vs-t-pagehead.vs-v-side .vs-pagehead{padding-top:clamp(84px,10vw,140px);border-bottom-color:var(--pp-line)}
.vs-t-pagehead.vs-v-side .vs-pagehead h1{transform-origin:100% 100%}
html[dir=ltr] .vs-t-pagehead.vs-v-side .vs-pagehead h1{transform-origin:0 100%}

/* ---------- 3. כותרות קטעים ---------- */
.vs-block .vs-kicker p{color:var(--vs-paper,#f5f5f7)!important;font-size:15px;font-weight:700;letter-spacing:0}
html[dir=ltr] .vs-block .vs-kicker p{letter-spacing:.02em}
.vs-block .vs-kicker{margin-bottom:10px!important}
.vs-block .vs-h2 .elementor-heading-title{font-size:clamp(34px,4.8vw,64px)!important;line-height:1.05!important;letter-spacing:-.028em!important;text-wrap:balance}
.vs-block .vs-lead p{max-width:680px;margin:14px auto 0;color:var(--pp-soft)!important;font-size:clamp(17px,1.5vw,20px);line-height:1.6;text-wrap:pretty}
.vs-block .vs-h3 .elementor-heading-title{letter-spacing:-.01em}

/* ---------- 4. כפתורים: גלולה, משוב מיידי בלחיצה ---------- */
.vs-block .vs-btn .elementor-button{border-radius:999px;font-weight:700;letter-spacing:-.005em}
.vs-block .vs-btn-lg .elementor-button{padding:17px 34px;font-size:17px}
.vs-block .vs-btn-primary .elementor-button{background:var(--vs-accent,#c8f53c)!important;box-shadow:0 14px 34px -16px rgba(200,245,60,.5);color:var(--vs-on-accent,#0a0a0b)!important}
.vs-block .vs-btn-ghost .elementor-button{background:rgba(255,255,255,.06)!important;border-color:var(--pp-line2)!important;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}

/* ---------- 5. כרטיסי יכולות: זכוכית, יישור להתחלה, אייקון כמו אפליקציה ---------- */
/* העמודות של הבלוק נפתחות לגריד אחד — כל הכרטיסים בשורה באותו גובה, בסדר הקריאה */
.vs-block .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .vs-feat){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.vs-block .elementor-container:has(> .elementor-column:nth-child(3) > .elementor-widget-wrap > .vs-feat){grid-template-columns:repeat(3,minmax(0,1fr))}
.vs-block .elementor-container:has(> .elementor-column:only-child > .elementor-widget-wrap > .vs-feat){grid-template-columns:minmax(0,560px);justify-content:center}
.vs-block .elementor-column:has(> .elementor-widget-wrap > .vs-feat),.vs-block .elementor-column:has(> .elementor-widget-wrap > .vs-feat)>.elementor-widget-wrap{display:contents}
.vs-block .vs-feat{margin:0!important}
.vs-feat>.elementor-widget-container{position:relative;height:100%;margin:0!important;padding:34px 32px 32px!important;border-radius:var(--pp-r)!important;background:var(--pp-glass)!important;border:1px solid var(--pp-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -44px rgba(0,0,0,.9);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .55s var(--pp-ui),border-color .3s,box-shadow .55s var(--pp-ui)}
.vs-feat:hover>.elementor-widget-container{transform:translateY(-4px);border-color:var(--pp-line2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 40px 70px -40px rgba(0,0,0,0.54)}
.vs-feat .elementor-icon-box-wrapper{text-align:start!important}
.vs-feat .elementor-icon-box-icon{display:flex;justify-content:flex-start;margin:0 0 22px!important}
.vs-feat .elementor-icon{width:54px;height:54px;border-radius:16px;font-size:24px!important;background:var(--vs-raise2,#1c1c1f);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px -12px rgba(0,0,0,0.6);color:#fff!important;color:var(--vs-paper,#f5f5f7);box-shadow:inset 0 0 0 1px var(--vs-line,rgba(245,245,247,.12))}
.vs-feat .elementor-icon svg{width:24px;height:24px}
.vs-feat .elementor-icon-box-title,.vs-feat .elementor-icon-box-title a{font-size:21px!important;letter-spacing:-.012em;line-height:1.25;margin:0 0 8px!important}
.vs-feat .elementor-icon-box-description{color:var(--pp-soft)!important;font-size:15.5px!important;line-height:1.65;margin:0}
.vs-cardlink{display:block;color:inherit;text-decoration:none}
/* כרטיסים בגריד (וריאציות): אותה שפה */
.vs-fi{border-radius:var(--pp-r);background:var(--pp-glass);border-color:var(--pp-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.vs-fi p{color:var(--pp-soft)}

/* ---------- 6. שלבים: מספר דק וגדול (כמו השעון בסיפור), כרטיס זכוכית ---------- */
.vs-block .elementor-container:has(> .vs-step){align-items:stretch;gap:14px}
.vs-step>.elementor-widget-wrap{width:100%;align-content:flex-start;padding:30px 26px!important;border-radius:var(--pp-r)!important;background:var(--pp-glass)!important;border:1px solid var(--pp-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.vs-stepnum .elementor-heading-title{display:block!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  font-size:56px!important;font-weight:300!important;line-height:1!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:18px;color:var(--vs-paper,#f5f5f7);-webkit-text-fill-color:currentColor}
.vs-step .vs-h3 .elementor-heading-title{font-size:19px!important;margin-bottom:6px}
.vs-step .vs-muted p{color:var(--pp-soft)!important;font-size:15px;line-height:1.6}
.vs-st,.vs-steps2 .vs-st{border-radius:var(--pp-r)}

/* ---------- 7. שאלות נפוצות: רשימה מקובצת כמו בהגדרות של אייפון ---------- */
.vs-faqlist{max-width:860px;margin-top:28px!important;gap:0!important;border-radius:var(--pp-r);background:var(--pp-glass);border:1px solid var(--pp-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -60px rgba(0,0,0,.9);overflow:hidden}
.vs-faqlist details{border:0!important;border-radius:0!important;background:none!important;position:relative}
.vs-faqlist details+details::before{content:"";position:absolute;top:0;inset-inline:24px;height:1px;background:var(--pp-line)}
.vs-faqlist summary{position:relative;display:flex;align-items:center;gap:16px;min-height:64px;padding:18px 24px!important;font-size:18px!important;font-weight:700;letter-spacing:-.01em;line-height:1.4;transition:background-color .25s}
.vs-faqlist summary:hover{background:rgba(255,255,255,.03)}
/* סימן פלוס בעיגול שמסתובב ל-× בקפיץ */
.vs-faqlist summary::after{content:""!important;float:none!important;order:2;margin-inline-start:auto;flex:none;width:30px;height:30px;border-radius:50%;
  background:linear-gradient(currentColor,currentColor) 50%/12px 1.8px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.8px 12px no-repeat,rgba(255,255,255,.07);
  color:#e3d4ff;transition:transform .5s var(--pp-spring),background-color .25s!important}
.vs-faqlist details[open] summary::after{transform:rotate(135deg)!important}
.vs-faqlist details>div{padding:0 24px 22px!important;color:var(--pp-soft)!important;font-size:16px;line-height:1.75;animation:pp-open .55s var(--pp-ease) both!important}
.vs-faqlist details>div p{margin:0 0 10px}.vs-faqlist details>div p:last-child{margin:0}
.vs-faqlist details>div a{color:var(--vs-paper,#f5f5f7);text-underline-offset:3px}
@keyframes pp-open{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}
/* וריאציות: כרטיסים / קווים — בלי המעטפת */
.vs-t-faq.vs-v-cards .vs-faqlist,.vs-t-faq.vs-v-lines .vs-faqlist,.vs-t-faq.vs-v-two .vs-faqlist{background:none;border:0;box-shadow:none;overflow:visible}
.vs-t-faq.vs-v-cards .vs-faqlist details{border-radius:22px!important;background:var(--pp-glass)!important;border:1px solid var(--pp-line)!important}
.vs-t-faq.vs-v-cards .vs-faqlist details::before,.vs-t-faq.vs-v-two .vs-faqlist details::before{display:none}
.vs-t-faq.vs-v-cards .vs-faqlist summary::after{display:none}
.vs-t-faq.vs-v-two .vs-faqlist details{border-radius:20px!important;background:var(--pp-glass)!important;border:1px solid var(--pp-line)!important}
/* כמה בלוקים של שאלות ברצף — פחות רווח ביניהם, כמו פרקים של אותו מסמך */
.vs-t-faq+.vs-t-faq .elementor-section[style^="padding:84px"]{padding-top:28px!important}

/* ---------- 8. קריאה לפעולה: משטח כהה עמוק עם אור צבעוני רך ---------- */
.vs-band>.elementor-widget-wrap{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,7vw,96px) clamp(22px,5vw,64px)!important;border-radius:36px!important;
  background:radial-gradient(60% 90% at 85% 0%,rgba(245,245,247,0.15),transparent 62%),radial-gradient(55% 90% at 10% 100%,rgba(245,245,247,0.11),transparent 62%),radial-gradient(40% 60% at 50% 120%,rgba(245,245,247,0.06),transparent 70%),linear-gradient(180deg,#181819,#0e0e0f)!important;
  border:1px solid var(--pp-line2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 50px 100px -50px rgba(0,0,0,0.58)}
.vs-band .vs-h2 .elementor-heading-title{font-size:clamp(30px,4.2vw,56px)!important}
.vs-band .vs-lead p{color:#cfc9e3!important}
.vs-band .vs-btn{margin-top:14px}

/* ---------- 9. טקסט ומסמכים: עמודה נוחה לקריאה + תוכן עניינים דביק עם התקדמות ---------- */
.vs-block .vs-prose{max-width:740px;color:#cbc7dc;font-size:18px;line-height:1.8}
.vs-block .vs-prose h2{color:var(--pp-ink);font-size:clamp(24px,2.3vw,30px);font-weight:800;letter-spacing:-.015em;line-height:1.25;margin:56px 0 14px;scroll-margin-top:calc(var(--pp-top) + 20px)}
.vs-block .vs-prose h2:first-child{margin-top:0}
.vs-block .vs-prose h3{color:var(--pp-ink);font-size:19px;font-weight:700;margin:30px 0 8px;scroll-margin-top:calc(var(--pp-top) + 20px)}
.vs-block .vs-prose a{color:var(--vs-paper,#f5f5f7);text-decoration:underline;text-decoration-color:rgba(245,245,247,0.2);text-underline-offset:4px;transition:text-decoration-color .2s}
.vs-block .vs-prose a:hover{text-decoration-color:currentColor}
.vs-block .vs-prose b,.vs-block .vs-prose strong{color:var(--pp-ink);font-weight:700}
.vs-block .vs-prose ul,.vs-block .vs-prose ol{padding-inline-start:22px;padding-inline-end:0}
.vs-block .vs-prose li{margin-bottom:8px}
.vs-block .vs-prose li::marker{color:var(--vs-paper,#f5f5f7)}
.vs-block .vs-prose hr{border:0;height:1px;background:var(--pp-line);margin:40px 0}
.vs-block .vs-prose table{width:100%;border-collapse:collapse;font-size:15.5px;margin:18px 0}
.vs-block .vs-prose th,.vs-block .vs-prose td{padding:12px 14px;border-bottom:1px solid var(--pp-line);text-align:start}
/* מסמך ארוך (4 כותרות ומעלה): motion.js בונה תוכן עניינים בצד */
.pp-doc>.elementor-widget-container{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,740px);gap:clamp(32px,5vw,72px);justify-content:center;align-items:start}
.pp-doc .vs-prose{margin:0}
/* נעיצה לא עובדת כשה-body הוא overflow:hidden — clip נראה אותו דבר ולא שובר אותה */
body:has(.pp-doc){overflow-x:clip!important;overflow-y:visible!important}
.pp-toc{position:sticky;top:calc(var(--pp-top) + 24px);max-height:calc(100vh - var(--pp-top) - 48px);overflow:auto;scrollbar-width:none;padding:6px 0}
.pp-toc::-webkit-scrollbar{display:none}
.pp-toc-h{display:block;margin:0 0 12px;padding-inline-start:16px;color:var(--pp-mute);font-size:13px;font-weight:700}
.pp-toc ol{position:relative;list-style:none;margin:0;padding:0}
/* פס ההתקדמות לאורך הרשימה */
.pp-toc ol::before,.pp-toc-bar{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:2px;border-radius:2px;background:rgba(255,255,255,.08)}
.pp-toc-bar{background:var(--vs-paper,#f5f5f7);transform-origin:50% 0;transform:scaleY(var(--pp-read,0));color:var(--vs-ink,#0a0a0b)}
.pp-toc a{display:block;padding:7px 0;padding-inline-start:16px;color:var(--pp-mute);text-decoration:none;font-size:14px;line-height:1.45;transition:color .25s}
.pp-toc a:hover{color:var(--pp-ink)}
.pp-toc a[aria-current="true"]{color:#fff;font-weight:600}
/* עמוד עם כמה בלוקי טקסט (כמו "מה חדש"): כותרת הבלוק מיושרת להתחלה כמו המסמך */
.vs-t-text .vs-h2 .elementor-heading-title{font-size:clamp(26px,3vw,40px)!important;letter-spacing:-.02em!important}
.vs-t-text.vs-v-card .vs-prose{border-radius:var(--pp-r);background:var(--pp-glass);border-color:var(--pp-line)}

/* ---------- 10. "מה חדש": כל גרסה ככרטיס על ציר זמן ---------- */
.vs-t-text+.vs-t-text .vs-prose,.vs-t-text:has(+.vs-t-text) .vs-prose{position:relative;max-width:820px;padding:28px 32px;border-radius:var(--pp-r);background:var(--pp-glass);border:1px solid var(--pp-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);font-size:16.5px}
.vs-t-text+.vs-t-text .vs-prose>p:first-child b,.vs-t-text:has(+.vs-t-text) .vs-prose>p:first-child b{background:none;-webkit-background-clip:text;background-clip:text;color:transparent;color:var(--vs-paper,#f5f5f7);-webkit-text-fill-color:currentColor}
.vs-t-text+.vs-t-text .elementor-section,.vs-t-text:has(+.vs-t-text) .elementor-section{padding-top:22px!important;padding-bottom:22px!important}
.vs-t-text+.vs-t-text .vs-h2,.vs-t-text:has(+.vs-t-text) .vs-h2{max-width:820px;margin-inline:auto!important;width:100%}
.vs-t-text+.vs-t-text .vs-h2 .elementor-heading-title,.vs-t-text:has(+.vs-t-text) .vs-h2 .elementor-heading-title{text-align:start!important;font-size:clamp(22px,2.4vw,30px)!important;margin-bottom:4px}

/* ---------- 11. מחירון: זכוכית, המומלץ בולט עם טבעת אור ---------- */
.vs-plan-grid{gap:20px}
.vs-plan{padding:34px 30px;border-radius:32px;background:var(--pp-glass);border-color:var(--pp-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 80px -60px rgba(0,0,0,.9);transition:transform .6s var(--pp-ui),border-color .3s,box-shadow .6s var(--pp-ui)}
.vs-plan:hover{transform:translateY(-4px);border-color:var(--pp-line2)}
.vs-plan.hl{border:1px solid transparent;background:linear-gradient(180deg,#272729,#141415 62%) padding-box,linear-gradient(140deg,rgba(245,245,247,.5),rgba(245,245,247,.1)) border-box;
  box-shadow:0 50px 110px -45px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,.1)}
.vs-plan h3{font-size:24px;letter-spacing:-.015em}
.vs-plan-desc{color:var(--pp-soft)}
.vs-plan-price b{font-size:52px;letter-spacing:-.035em}
.vs-plan-badge{top:-14px;padding:6px 14px;border-radius:999px;font-size:12.5px;box-shadow:0 10px 24px -10px rgba(0,0,0,0.6)}
.vs-plan-cta{border-radius:999px;min-height:52px}
.vs-plan-feat li{color:#d9d6e8}
.vs-period{border-radius:999px;padding:4px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.vs-period button{border-radius:999px}
.vs-pcard,.vs-pricecard>.elementor-widget-wrap{border-radius:32px!important}

/* ---------- 12. ביקורות, כרטיסים, מספרים, תמונות, וידאו ---------- */
.vs-testi>.elementor-widget-container{border-radius:var(--pp-r);background:var(--pp-glass);border-color:var(--pp-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.vs-card{border-radius:var(--pp-r);background:var(--pp-glass);border-color:var(--pp-line)}
.vs-card-b p{color:var(--pp-soft)}
.vs-stat{border-radius:24px}
.vs-imgw,.vs-split .vs-img{border-radius:var(--pp-r)}
.vs-video>.elementor-widget-container{border-radius:32px;padding:8px;background:var(--pp-glass);border-color:var(--pp-line);box-shadow:0 60px 120px -60px rgba(0,0,0,0.54)}
.vs-video .elementor-wrapper{border-radius:26px}
.vs-split h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.025em;line-height:1.08}

/* ---------- 13. תחתית: שקטה וקטנה, כמו אצל אפל ---------- */
.vsf-col h4{font-size:12.5px;letter-spacing:.02em;color:#e9e6f5}
html[dir=ltr] .vsf-col h4{letter-spacing:.06em}
.vsf-col a,.vsf-col li>span{font-size:14px}
.vsf-col a:hover{transform:none;text-decoration:underline;text-underline-offset:4px}
.vsf-about{color:var(--pp-mute)}

/* ---------- 14. טלפון: עיצוב נפרד (לא רק הקטנה) ---------- */
@media (max-width:767px){
  :root{--pp-r:22px}
  .vs-t-pagehead.vs-v-default .vs-pagehead,.vs-t-pagehead.vs-v-grid .vs-pagehead{padding:64px 4px 26px}
  .vs-t-pagehead .vs-pagehead h1{font-size:clamp(40px,12vw,52px);letter-spacing:-.025em}
  .vs-t-pagehead .vs-pagehead p{font-size:17px;margin-top:14px}
  .vs-t-pagehead.vs-v-default .vs-pagehead::before{inset:10% -20% -10%}
  .vs-block .vs-h2 .elementor-heading-title{font-size:clamp(30px,8.6vw,36px)!important;line-height:1.1!important}
  .vs-block .vs-lead p{font-size:16.5px!important}
  /* יכולות: שורה עם אייקון בצד (mobile.css) — רק מרככים */
  .vs-feat>.elementor-widget-container{padding:20px!important}
  .vs-feat .elementor-icon-box-icon{margin:2px 0 0!important}
  .vs-feat .elementor-icon{width:46px!important;height:46px!important;border-radius:14px}
  .vs-feat .elementor-icon-box-title,.vs-feat .elementor-icon-box-title a{font-size:18px!important;margin-bottom:4px!important}
  .vs-feat .elementor-icon-box-description{font-size:15px!important}
  .vs-block .elementor-container:has(> .elementor-column > .elementor-widget-wrap > .vs-feat){grid-template-columns:minmax(0,1fr)!important;gap:12px}
  /* שלבים: ציר זמן אנכי — מספר בצד וקו שמחבר בין השלבים */
  .vs-block .elementor-container:has(> .vs-step){gap:0}
  .vs-step>.elementor-widget-wrap{display:grid!important;grid-template-columns:52px 1fr;column-gap:14px;padding:4px 0 26px!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;position:relative}
  .vs-step>.elementor-widget-wrap>*{grid-column:2}
  .vs-step>.elementor-widget-wrap>.vs-stepnum{grid-column:1;grid-row:1/span 3;margin:0!important}
  .vs-stepnum .elementor-heading-title{display:grid!important;place-items:center;width:44px!important;height:44px!important;border-radius:50%!important;background:var(--vs-raise2,#1c1c1f)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
    color:#fff!important;font-size:18px!important;font-weight:800!important;letter-spacing:0;margin:0!important;border:1px solid rgba(255,255,255,.16);text-align:center!important;color:var(--vs-paper,#f5f5f7);box-shadow:inset 0 0 0 1px var(--vs-line,rgba(245,245,247,.12))}
  .vs-step:not(:last-child)>.elementor-widget-wrap::before{content:"";position:absolute;top:52px;bottom:4px;inset-inline-start:21px;width:2px;border-radius:2px;background:var(--vs-paper,#f5f5f7);color:var(--vs-ink,#0a0a0b)}
  .vs-step .vs-h3 .elementor-heading-title{font-size:18px!important;margin-top:9px}
  /* שאלות: עד הקצוות, יעד לחיצה גדול */
  .vs-faqlist{margin-inline:-4px;border-radius:20px}
  .vs-faqlist summary{min-height:60px;padding:16px 18px!important;font-size:16.5px!important;gap:12px}
  .vs-faqlist summary::after{width:28px;height:28px}
  .vs-faqlist details>div{padding:0 18px 18px!important;font-size:15.5px}
  .vs-faqlist details+details::before{inset-inline:18px}
  /* קריאה לפעולה: הכפתור לכל הרוחב */
  .vs-band>.elementor-widget-wrap{border-radius:26px!important;padding:40px 20px!important}
  .vs-band .vs-btn .elementor-button{width:100%;justify-content:center}
  /* מסמך: תוכן העניינים הופך לפס צ'יפים דביק שגוללים לצד */
  .pp-doc>.elementor-widget-container{display:block}
  .pp-toc{position:sticky;top:calc(var(--pp-top) - 1px);z-index:20;max-height:none;overflow:visible;margin:0 -16px 26px;padding:10px 0 0;
    background:rgba(9,9,9,.82);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
  .pp-toc-h{display:none}
  .pp-toc ol{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 16px 10px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
  .pp-toc ol::-webkit-scrollbar{display:none}
  .pp-toc ol::before{display:none}
  .pp-toc li{flex:none;scroll-snap-align:start}
  .pp-toc a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--pp-line);font-size:13.5px;white-space:nowrap;color:#c9c5da}
  .pp-toc a[aria-current="true"]{background:var(--vs-paper,#f5f5f7);border-color:rgba(245,245,247,0.3);color:var(--vs-ink,#0a0a0b)}
  .pp-toc-bar{top:auto;bottom:0;inset-inline:0;width:auto;height:2px;transform-origin:100% 50%;transform:scaleX(var(--pp-read,0))}
  html[dir=ltr] .pp-toc-bar{transform-origin:0 50%}
  .vs-block .vs-prose{font-size:16.5px;line-height:1.75}
  .vs-block .vs-prose h2{font-size:22px;margin-top:40px}
  /* מה חדש */
  .vs-t-text+.vs-t-text .vs-prose,.vs-t-text:has(+.vs-t-text) .vs-prose{padding:20px 18px;font-size:15.5px}
  /* מחירון */
  .vs-plan{border-radius:26px}
  .vs-plan.hl{transform:none}
}

/* ---------- 15. נגישות ---------- */
@media (prefers-reduced-motion:reduce){
  .vs-t-pagehead .vs-pagehead h1,.vs-t-pagehead .vs-pagehead p{transform:none!important;opacity:1!important}
  .vs-faqlist summary::after{transition:none!important}
  .vs-faqlist details>div{animation:none!important}
  .vs-feat>.elementor-widget-container,.vs-plan{transition:border-color .2s!important}
  .vs-feat:hover>.elementor-widget-container,.vs-plan:hover{transform:none!important}
  .pp-toc-bar{transition:none}
}
@media (prefers-reduced-transparency:reduce){
  .vs-block .vs-btn-ghost .elementor-button,.vs-period,.pp-toc{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .vs-block .vs-btn-ghost .elementor-button{background:#1e1e1f!important}
  .vs-period{background:#181819}
  .pp-toc{background:#0e0e0f}
  .vs-feat>.elementor-widget-container,.vs-faqlist,.vs-step>.elementor-widget-wrap,.vs-plan,.vs-t-text+.vs-t-text .vs-prose{background:#141415!important}
}
@media (prefers-contrast:more){
  :root{--pp-soft:#d6d3e4;--pp-mute:#c4c0d4;--pp-line:rgba(255,255,255,.3);--pp-line2:rgba(255,255,255,.5)}
  .vs-t-pagehead .vs-pagehead h1{background:none;color:#fff}
}