/* שכבת תנועה בסגנון אפל לכל האתר (motion.js מפעיל). transform + opacity בלבד, ונכבית לגמרי למי שביקש פחות תנועה. © 2026 ViralStudio */

/* 1. קו התקדמות בקריאה — בראש העמוד, בצבעי המותג */
.vsm-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:2147481000;pointer-events:none;transform-origin:100% 50%;transform:scaleX(0);background:var(--vs-paper,#f5f5f7);color:var(--vs-ink,#0a0a0b)}
html[dir=ltr] .vsm-progress{transform-origin:0 50%;background:var(--vs-paper,#f5f5f7);color:var(--vs-ink,#0a0a0b)}
html.vsab-on .vsm-progress{top:38px}

/* 2. כותרות: המילים עולות מתוך "חריץ", אחת אחרי השנייה */
.vsm-split .vsm-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.vsm-split .vsm-w>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--wi,0) * 55ms)}
.vsm-split.vsm-in .vsm-w>span{transform:none}

/* 3. כרטיסים: כניסה מדורגת */
.vsm-stag{transition-delay:var(--sd,0ms)!important}

/* 4. כרטיסים בתלת-ממד: נוטים לכיוון העכבר, עם השתקפות אור שעוקבת אחריו */
.vsm-tilt{transform-style:preserve-3d;will-change:transform}
.vsm-tilt>.elementor-widget-container,.vsm-tilt.vsm-plan{position:relative}
.vsm-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.10),rgba(255,255,255,0) 45%);mix-blend-mode:screen}
.vsm-tilt:hover .vsm-glare{opacity:1}

/* 5. כפתורים מגנטיים */
.vsm-mag{will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.vsm-mag.vsm-on{transition-duration:.12s}

@media (prefers-reduced-motion:reduce){
  .vsm-progress{display:none}
  .vsm-split .vsm-w>span{transform:none;transition:none}
  .vsm-stag{transition-delay:0ms!important}
  .vsm-tilt,.vsm-mag{transform:none!important}
}