/* ליטוש בסגנון אפל (apple-design + scroll-craft) — נטען אחרון ודורס רק מה שצריך. © 2026 ViralStudio
   1. אסימוני תנועה  2. משוב מיידי בלחיצה  3. פחות אנימציות שרצות בלי סוף  4. תנועת גלילה שונה לכל סוג בלוק
   5. עומק בכותרת הראשית (שכבות שזזות בקצב שונה)  6. כותרת עליונה שהופכת לזכוכית רק בגלילה  7. טיפוגרפיה לפי גודל  8. נגישות */

/* 1. אסימוני תנועה — עקומה אחת לכל האתר */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-ui:cubic-bezier(.32,.72,0,1);--dur-1:120ms;--dur-2:280ms;--dur-3:620ms}

/* 2. משוב מיידי ברגע הלחיצה (לא רק כשמשחררים) */
.elementor-button,.vs-dtab,.vs-plan-cta,.vs-period button,.vsh-btn,.vsh-ghost,summary{-webkit-tap-highlight-color:transparent}
.elementor-button:active,.vs-dtab:active,.vs-plan-cta:active,.vs-period button:active,.vsh-btn:active,.vsh-ghost:active{transform:scale(.97)!important;transition-duration:90ms!important}

/* 3. פחות לולאות: הכפתור, הזוהר והטקסט המדורג נרגעים; הזוהר ברקע איטי יותר */
.vs-btn-primary .elementor-button{animation:none!important;background-position:0 50%!important;transition:background-position .6s var(--ease-out),transform var(--dur-2) var(--ease-ui),box-shadow var(--dur-2)}
@media (hover:hover){.vs-btn-primary .elementor-button:hover{background-position:100% 50%!important}}
.vs-glow .elementor-button::after{animation:none!important;opacity:.55}
.vs-g{animation:none!important}
.vs-aurora::before,.vs-aurora::after{animation-duration:48s!important}

/* 4. תנועת הגלילה: פחות מרחק, ומעבר "חשיפה" חדש (wipe) לבלוקים של וידאו */
.vs-reveal{transform:translateY(14px)}
.vs-a-wipe .vs-reveal{opacity:1;transform:none;clip-path:inset(0 0 100% 0 round 20px);transition:clip-path .9s var(--ease-out)}
.vs-a-wipe .vs-reveal.is-in{clip-path:inset(0 round 0)}

/* 5. עומק בכותרת הראשית: שלוש שכבות שזזות בקצב שונה לפי העכבר והגלילה (site.js מעדכן --hp/--px/--py) */
html.vs-depth .vs-t-hero{--px:0;--py:0;--hp:0}
html.vs-depth .vs-t-hero .vs-orbglow{animation:none;transform:translate3d(calc(var(--px) * -10px),calc(var(--hp) * -60px),0)}
html.vs-depth .vs-t-hero .vs-mac,html.vs-depth .vs-t-hero .vs-phone{animation:none;transform:translate3d(calc(var(--px) * 6px),calc(var(--hp) * -24px),0) rotateX(calc(var(--py) * 1.6deg)) rotateY(calc(var(--px) * -1.6deg));transform-style:preserve-3d;will-change:transform}
html.vs-depth .vs-t-hero .vs-chip{animation:none;transform:translate3d(calc(var(--px) * 16px),calc(var(--hp) * -90px + var(--py) * 8px),0);will-change:transform}

/* 6. כותרת עליונה: שקופה לגמרי למעלה, זכוכית עם קצה רך כשגוללים (בלי קו קשיח) */
.vsh-s-bar:not(.is-sc){border-bottom-color:transparent!important}
.vsh.is-sc.vsh-s-bar{-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom-color:transparent!important}
.vsh.is-sc.vsh-s-bar::after{content:"";position:absolute;inset:100% 0 auto;height:14px;background:linear-gradient(rgba(9,9,9,.45),transparent);pointer-events:none}

/* 7. טיפוגרפיה: ריווח ושורה לפי גודל, היררכיה ברורה יותר */
.vs-h1 .elementor-heading-title{letter-spacing:-.012em!important;line-height:1.08!important;text-wrap:balance}
.vs-h2 .elementor-heading-title{letter-spacing:-.006em;line-height:1.15;text-wrap:balance}
.vs-kicker{letter-spacing:0!important}
.vs-lead p,.vs-subtitle p{line-height:1.65;text-wrap:pretty}
html[dir=ltr] .vs-kicker{letter-spacing:.04em!important}

/* 8. נגישות: פחות תנועה, פחות שקיפות, ניגודיות גבוהה */
@media (prefers-reduced-motion:reduce){
  .vs-mac,.vs-phone,.vs-chip,.vs-orbglow,.vs-glow .elementor-button::after{animation:none!important}
  .vs-a-blur .vs-reveal{filter:none}.vs-a-wipe .vs-reveal{clip-path:none;transition:none}
  html.vs-depth .vs-t-hero .vs-orbglow,html.vs-depth .vs-t-hero .vs-mac,html.vs-depth .vs-t-hero .vs-phone,html.vs-depth .vs-t-hero .vs-chip{transform:none}
}
@media (prefers-reduced-transparency:reduce){.vsh-s-bar,.vsh .vsh-in,.vs-feat>.elementor-widget-container,.vs-demo-info,.vs-chip{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#161617!important}}
@media (prefers-contrast:more){:root{--vs-border:rgba(255,255,255,.35);--vs-muted:#c9c9d6;--vs-faint:#b4b4c2}.vs-reveal{opacity:1}}