/* אפקט "חשיפה" לכל האתר (assets/js/reveal.js). רק transform / opacity / clip-path / stroke.
   כל מצב הסתרה מותנה ב-.fxr-on שנוסף מ-JS; בלי JS או עם הפחתת תנועה הכל גלוי. */
body.fx-reveal{--fxr-e:cubic-bezier(.7,0,.2,1);--fxr-o:cubic-bezier(.16,.84,.24,1)}

/* בזמן שה-JS עוד לא רץ: ה-hero מחכה רגע (ואם ה-JS לא עולה, מופיע לבד אחרי 1.2 שנ׳) */
@media (prefers-reduced-motion:no-preference){
  html:not(.no-js) body.fx-reveal:not(.fxr-on) .hero :is(.ph,.eyebrow,h1,p,.btn){animation:fxr-fallback .6s 1.2s both}
}
@media (prefers-reduced-motion:no-preference){
  html:not(.no-js) body.fx-reveal:not(.fxr-on) :is(.pg-hero__in>*,.shop-hero__txt>*,.pg-404__txt>*,.pdp-main,.pdp-thumbs,.pdp-buy>:not(.deco),.ck-head,.av-shoppage__title){animation:fxr-fallback .6s 1.2s both}
}
@keyframes fxr-fallback{from{opacity:0}to{opacity:1}}

/* ה-rv המקורי מתבטל כשהסגנון פעיל, החשיפה מנוהלת כאן */
body.fx-reveal.fxr-on .rv{opacity:1;transform:none;transition:none}

/* ---------- חשיפה: רק transform ו-opacity (רץ על כרטיס המסך, בלי ציור מחדש) ---------- */
body.fx-reveal.fxr-on :is(.fxr-wipe-r,.fxr-wipe-l,.fxr-wipe-up){opacity:0;transform:translate3d(0,26px,0)}
body.fx-reveal.fxr-on .fxr-wipe-r{transform:translate3d(28px,0,0)}
body.fx-reveal.fxr-on .fxr-wipe-l{transform:translate3d(-28px,0,0)}
body.fx-reveal.fxr-on :is(.fxr-wipe-r,.fxr-wipe-l,.fxr-wipe-up).fxr-in{opacity:1;transform:none;transition:opacity .8s ease var(--d,0ms),transform 1s var(--fxr-o) var(--d,0ms)}
body.fx-reveal.fxr-on .fxr-wipe-up .fxr-img,body.fx-reveal.fxr-on .fxr-wipe-r .fxr-img,body.fx-reveal.fxr-on .fxr-wipe-l .fxr-img{transform:scale(1.12)}
body.fx-reveal.fxr-on .fxr-in .fxr-img{transform:none;transition:transform 1.4s var(--fxr-o) var(--d,0ms)}
/* ה-hero בלבד שומר על מגב אמיתי (אלמנט אחד, פעם אחת) */
body.fx-reveal.fxr-on .hero .ph.fxr-wipe-r{opacity:1;transform:none;clip-path:inset(0 0 0 100%)}
body.fx-reveal.fxr-on .hero .ph.fxr-wipe-r.fxr-in{clip-path:inset(0 0 0 0);transition:clip-path 1.2s var(--fxr-e) var(--d,0ms)}
body.fx-reveal.fxr-on .hero .ph img{will-change:transform}
body.fx-reveal.fxr-on .fxr-wipe-up:not(.fxr-in),body.fx-reveal.fxr-on .fxr-wipe-r:not(.fxr-in),body.fx-reveal.fxr-on .fxr-wipe-l:not(.fxr-in){will-change:transform,opacity}

/* חומות ירושלים: מצטיירות קו אחר קו (stroke בלבד, בלי פריסה מחדש) */
body.fx-reveal.fxr-on .fxr-sky *{stroke-dasharray:1 1.02;stroke-dashoffset:1}
body.fx-reveal.fxr-on .fxr-sky.fxr-sky-in *{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.45,.05,.3,1) var(--d,0ms)}
body.fx-reveal.fxr-on .fxr-sky.fxr-sky-done *{stroke-dasharray:none;transition:none}

/* ---------- hero ---------- */
body.fx-reveal.fxr-on .hero .ph img{animation:fxr-kb 9s cubic-bezier(.2,.6,.25,1) both}
@keyframes fxr-kb{from{transform:scale(1.16) translateX(-2.5%)}to{transform:scale(1.03) translateX(0)}}

/* ---------- eyebrow: הקווים נמתחים מהמרכז ---------- */
body.fx-reveal.fxr-on .fxr-eyebrow{clip-path:inset(0 50% 0 50%)}
body.fx-reveal.fxr-on .fxr-eyebrow.fxr-in{clip-path:inset(0 0 0 0);transition:clip-path .85s var(--fxr-e) var(--d,0ms)}

/* ---------- מסכת מילים / שורות ---------- */
body.fx-reveal .fxr-m{display:inline-block;vertical-align:top;overflow:hidden;padding:.1em .04em .16em;margin:-.1em -.04em -.16em}
body.fx-reveal .fxr-m>span{display:inline-block;vertical-align:top}
body.fx-reveal.fxr-on .fxr-mask .fxr-m>span{transform:translateY(118%)}
body.fx-reveal.fxr-on .fxr-mask.fxr-in .fxr-m>span{transform:none;transition:transform .9s var(--fxr-o) var(--d,0ms)}

/* קו הזהב מתחת לכותרת נמתח מהמרכז אחרי הכותרת */
body.fx-reveal.fxr-on .fxr-ul::after{transform:translateX(-50%) scaleX(0)}
body.fx-reveal.fxr-on .fxr-ul.fxr-in::after{transform:translateX(-50%) scaleX(1);transition:transform .8s var(--fxr-e) calc(var(--d,0ms) + .35s)}

/* כותרת מיושרת לימין (עמודי תוכן): הקו נמתח מימין */
body.fx-reveal.fxr-on .fxr-ul-r::after{transform:scaleX(0);transform-origin:right center}
body.fx-reveal.fxr-on .fxr-ul-r.fxr-in::after{transform:scaleX(1);transition:transform .8s var(--fxr-e) calc(var(--d,0ms) + .3s)}

/* תמונת באנר ממוסגרת: מתיישבת בעדינות (בלי שקיפות, כדי לא לעכב את התמונה הראשית) */
body.fx-reveal.fxr-on .fxr-settle{transform:scale(1.07)}
body.fx-reveal.fxr-on .fxr-settle.fxr-in{transform:none;transition:transform 1.8s var(--fxr-o)}

/* ---------- הופעה רכה ---------- */
body.fx-reveal.fxr-on .fxr-fade{opacity:0;transform:translateY(14px)}
body.fx-reveal.fxr-on .fxr-fade.fxr-in{opacity:1;transform:none;transition:opacity .8s ease var(--d,0ms),transform .9s var(--fxr-o) var(--d,0ms)}

/* ---------- ציור קו (pathLength=1) ---------- */
body.fx-reveal.fxr-on .fxr-draw *{stroke-dasharray:1 1.02;stroke-dashoffset:1}
body.fx-reveal.fxr-on .fxr-draw.fxr-drawn *{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur,900ms) cubic-bezier(.45,.05,.3,1) var(--d,0ms)}

/* ---------- חריטה ---------- */
body.fx-reveal.fxr-on .fxr-pre-eng{opacity:0}
body.fx-reveal .fxr-ch{animation:fxr-engrave .6s cubic-bezier(.3,.6,.3,1) var(--d,0ms) backwards}
body.fx-reveal .fxr-ch.fxr-type{animation-duration:.42s}
@keyframes fxr-engrave{
  0%{opacity:0;transform:translateY(-.25em) scale(1.25)}
  100%{opacity:1;transform:none}
}
body.fx-reveal .fxr-ch{display:inline-block}

/* ---------- מובייל: תנועה קצרה ועדינה יותר ---------- */
@media (max-width:680px){
  body.fx-reveal.fxr-on .fxr-fade{transform:translateY(10px)}
  body.fx-reveal.fxr-on .hero .ph img{animation-name:fxr-kb-m;animation-duration:7s}
  @keyframes fxr-kb-m{from{transform:scale(1.1)}to{transform:scale(1.02)}}
  body.fx-reveal .fxr-ch{animation-duration:.5s}
}

@media (prefers-reduced-motion:reduce){
  body.fx-reveal .fxr,body.fx-reveal .fxr *,body.fx-reveal .fxr-draw *,body.fx-reveal .fxr-settle,body.fx-reveal .fxr-ul-r::after{clip-path:none!important;transform:none!important;opacity:1!important;animation:none!important;transition:none!important;stroke-dasharray:none!important}
}

/* הדפסה: כל מה שעוד לא נחשף בגלילה מודפס גלוי (אחרת יוצאים בדף חורים ריקים) */
@media print{
  body.fx-reveal .fxr,body.fx-reveal .fxr *,body.fx-reveal .fxr-settle,body.fx-reveal .fxr-pre-eng{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important;transition:none!important}
  body.fx-reveal .fxr-draw *,body.fx-reveal .fxr-sky *{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  body.fx-reveal .fxr-ul::after{transform:translateX(-50%)!important}
  body.fx-reveal .fxr-ul-r::after{transform:none!important}
}