/* שכבת מובייל — נטענת אחרונה ומשפיעה רק על מסכים צרים. המחשב לא משתנה. © 2026 ViralStudio.
   עקרונות: יעד לחיצה ≥44px, טקסט ≥12px, בלי גלילה צידית, פחות "אוויר" מבוזבז, החשוב קודם. */
@media (max-width: 767px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: clip; }
  /* רווחים בין קטעים: 84px במחשב → 52px בטלפון (רק בקטעים הרגילים, לא בכותרת/פוטר) */
  .elementor-section[style^="padding:84px"] { padding-top: 52px !important; }   /* רק למעלה — הריווח התחתון לפי הערך המקורי */
  .elementor-section[style*="px 20px 84px"] { padding-bottom: 52px !important; }
  .elementor-section[style^="padding:20px 20px 84px"] { padding-top: 12px !important; }
  .elementor-section { padding-left: 16px !important; padding-right: 16px !important; }
  .vs-header.elementor-section, .vs-header { padding-left: 12px !important; padding-right: 12px !important; }

  /* כותרות: קצת יותר צפופות וקריאות */
  .vs-h2 .elementor-heading-title { font-size: 28px !important; line-height: 1.18 !important; letter-spacing: -.3px; }
  .vs-lead p, .vs-sub p { font-size: 15.5px !important; line-height: 1.6 !important; }
  .vs-kicker p { font-size: 13px !important; }

  /* תפריט: כפתור ☰ בגודל אצבע */
  .vs-menu-btn { min-width: 44px; min-height: 44px; display: inline-grid !important; place-items: center; padding: 0 !important; border-radius: 12px !important; }
  .vs-menu-btn:active { background: rgba(255,255,255,.08) !important; }
  .vs-nav.open a { min-height: 44px; display: flex; align-items: center; font-size: 16px; border-radius: 10px; }
  .vs-nav.open a:active { background: rgba(255,255,255,.06); }

  /* דמו: לשוניות כ"צ'יפים" שגוללים בצד עם רמז ויזואלי, וטלפון קטן יותר */
  .vs-demo { margin-top: 20px !important; gap: 18px !important; }
  .vs-demo-tabs { gap: 8px !important; margin: 0 -16px !important; padding: 2px 16px 8px !important; scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%); }
  .vs-demo-tabs::-webkit-scrollbar { display: none; }
  .vs-dtab { padding: 8px 12px 8px 14px !important; min-height: 44px; border-radius: 30px !important; gap: 8px !important; }
  .vs-dtab .ic { width: 30px !important; height: 30px !important; border-radius: 50% !important; }
  .vs-dtab .ic svg { width: 17px !important; height: 17px !important; }
  .vs-dtab .tx b { font-size: 14px !important; white-space: nowrap; }
  .vs-demo-phone { transform: scale(.82); transform-origin: top center; margin-bottom: -96px; }
  .vs-demo-info { padding: 20px !important; }

  /* כרטיסי יכולות: שורה קומפקטית — אייקון בצד, כותרת ותיאור לידו (חוסך ~40% גובה) */
  .vs-feat > .elementor-widget-container { padding: 18px !important; border-radius: 16px !important; }
  .vs-feat .elementor-icon-box-wrapper { display: grid !important; grid-template-columns: 46px 1fr; gap: 4px 14px; text-align: right !important; align-items: start; }
  .vs-feat .elementor-icon-box-icon { grid-row: span 2; margin: 2px 0 0 !important; }
  .vs-feat .elementor-icon { width: 46px !important; height: 46px !important; }
  .vs-feat .elementor-icon-box-title { font-size: 17px !important; margin: 0 0 4px !important; }
  .vs-feat .elementor-icon-box-description { font-size: 14.5px !important; line-height: 1.55; margin: 0 !important; }
  .vs-feat { margin-bottom: 12px !important; }
  .vs-fg { gap: 12px !important; }

  /* שלבים */
  .vs-step > .elementor-widget-wrap { padding: 20px !important; }

  /* מחירון: המסלול המומלץ ראשון, מתג דביק לא חוסם, כפתורים מלאים */
  .vs-plan-grid .vs-plan.hl { order: -1; }
  .vs-plan { padding: 24px 20px !important; }
  .vs-plan-price b { font-size: 40px !important; }
  .vs-plan-cta { min-height: 52px; font-size: 16px !important; }
  .vs-period button { min-height: 44px; padding: 10px 18px !important; }
  .vs-period em { font-size: 12px !important; }
  .vs-plans-note { text-align: center; font-size: 13.5px !important; line-height: 1.6; padding: 0 6px; }
  .vs-plan-feat li { font-size: 15px !important; }

  /* קריאה לפעולה */
  .vs-band > .elementor-widget-wrap { padding: 32px 20px !important; }
  .elementor-button { min-height: 48px; }

  /* שאלות ותשובות: כל שורה בגודל אצבע */
  .vs-faqlist summary { min-height: 52px; display: flex; align-items: center; padding-top: 14px !important; padding-bottom: 14px !important; font-size: 16px !important; }

  /* טקסט חופשי / עמודים משפטיים: קריאות */
  .vs-prose { font-size: 16px !important; line-height: 1.75 !important; }
  .vs-prose h2 { font-size: 21px !important; margin-top: 30px !important; }
  .vs-prose h3 { font-size: 17.5px !important; }
  .vs-prose ul, .vs-prose ol { padding-right: 20px !important; }
  .vs-prose li { margin-bottom: 6px; }
  .vs-prose a { word-break: break-word; }

  /* פוטר: קישורים בגודל אצבע, טקסט משפטי קריא */
  .vs-flinks .elementor-icon-list-item { padding: 0 !important; }
  .vs-flinks a { display: inline-flex !important; align-items: center; min-height: 40px; }
  .vs-fmini a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 4px; }
  .vs-tm { font-size: 12px !important; line-height: 1.7 !important; }
  .vs-fwa .elementor-button { min-height: 48px; }
}

/* טלפונים צרים (360px ומטה): הכותרת לא בורחת מהמסך */
@media (max-width: 380px) {
  .vs-header .elementor-heading-title, .vs-logo .elementor-heading-title { font-size: 19px !important; }
  .vs-hbtns > .elementor-widget-wrap { gap: 6px !important; }
  .vs-hbtns .elementor-button { height: 38px !important; padding: 0 12px !important; font-size: 13.5px !important; }
  .vs-account .elementor-button { padding: 0 9px !important; }
  .vs-menu-btn { min-width: 40px; }
  .vs-h2 .elementor-heading-title { font-size: 25px !important; }
  .vs-h1 .elementor-heading-title { font-size: 28px !important; }
  .vs-plan-price b { font-size: 36px !important; }
  .vs-demo-phone { transform: scale(.76); margin-bottom: -130px; }
}
@media (max-width: 767px) {
  .vs-header .vs-logo a { display: inline-block; line-height: 44px; }   /* inline-block — שומר על הסדר Viral·Studio (flex היה הופך אותו ב-RTL) */
  /* כרטיסי יכולות: רווח אחיד בין כל הכרטיסים (בלי קפיצה בין העמודות) */
  .elementor-column:has(.vs-feat) { margin: 0 !important; padding: 0 !important; }
  .elementor-widget-wrap:has(> .vs-feat) { gap: 12px !important; padding: 0 !important; }
  .elementor-widget-wrap:has(> .vs-feat) > .vs-feat { margin: 0 !important; }
  .elementor-container:has(> .elementor-column .vs-feat) { gap: 12px !important; row-gap: 12px !important; }
}
@media (max-width: 767px) {
  /* שלבים: מספר בצד, כותרת ותיאור לידו — כרטיס קומפקטי */
  .vs-step > .elementor-widget-wrap { display: grid !important; grid-template-columns: 40px 1fr; column-gap: 14px; row-gap: 2px; align-items: start; padding: 18px !important; margin: 0 0 12px !important; }
  .vs-step .vs-stepnum { grid-row: span 2; margin: 0 !important; }
  .vs-step .vs-stepnum .elementor-heading-title { width: 40px !important; height: 40px !important; font-size: 17px !important; }
  .vs-step .vs-h3 { margin: 4px 0 2px !important; }
  .vs-step .vs-h3 .elementor-heading-title { font-size: 17px !important; }
  .vs-step .vs-muted { margin: 0 !important; }
  .vs-step .vs-muted p { font-size: 14.5px !important; margin: 0 !important; line-height: 1.55; }
  .vs-step .elementor-widget { margin-bottom: 0 !important; }
}
/* תוכן עניינים לעמודים ארוכים + חזרה למעלה (site.js) — בכל הגדלים */
.vs-toc { margin: 18px 0 26px; border: 1px solid var(--vs-border); border-radius: 16px; background: rgba(255,255,255,.025); }
.vs-toc summary { cursor: pointer; list-style: none; padding: 14px 18px; min-height: 48px; display: flex; align-items: center; justify-content: space-between; font-weight: 800; color: var(--vs-text); }
.vs-toc summary::-webkit-details-marker { display: none; }
.vs-toc summary::after { content: "▾"; color: var(--vs-muted); transition: transform .2s; }
.vs-toc[open] summary::after { transform: rotate(180deg); }
.vs-toc ol { margin: 0; padding: 0 18px 14px 18px; padding-right: 38px; columns: 2; column-gap: 28px; }
.vs-toc li { break-inside: avoid; margin: 0; }
.vs-toc a { display: block; padding: 7px 0; color: var(--vs-muted) !important; text-decoration: none; font-size: 15px; }
.vs-toc a:hover { color: #fff !important; }
.vs-prose h2 { scroll-margin-top: 84px; }
.vs-top { position: fixed; left: 16px; bottom: 18px; z-index: 50; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(18,18,26,.88); backdrop-filter: blur(10px); color: #fff; display: grid; place-items: center; cursor: pointer; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .25s, transform .25s; }
.vs-top.show { opacity: 1; transform: none; pointer-events: auto; }
.vs-top svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 767px) { .vs-toc ol { columns: 1; } .vs-toc a { min-height: 40px; display: flex; align-items: center; } }
.vs-preview .vs-top{display:none!important}   /* בעורך — בלי כפתור "חזרה למעלה" מעל התצוגה */