/* MATAR · מטר — שכבת תנועה. עקומה מהערכה: --ease (.2,.6,.2,1); פרימיום 0.4–0.7 שניות; כבוי ב-reduced-motion */
@view-transition{navigation:auto}
::view-transition-old(root){animation:mtFadeOut .24s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:mtFadeIn .36s cubic-bezier(.4,0,.2,1) both}
@keyframes mtFadeOut{to{opacity:0}}
@keyframes mtFadeIn{from{opacity:0}}

html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

/* כותרות: כל שורה עולה מתוך קו נסתר */
.mt .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.mt .ln-in{display:block;transform:translateY(105%);transition:transform .9s var(--ease)}
.mt .ln:nth-child(2) .ln-in{transition-delay:.08s}
.mt .ln:nth-child(3) .ln-in{transition-delay:.16s}
.mt .in .ln-in,.mt .ln-in.in{transform:none}

/* תמונות: נפתחות מלמטה למעלה ומתכווצות למקום */
.mt .img-rv{clip-path:inset(100% 0 0 0 round 4px);transform:scale(1.08);transition:clip-path 1.1s cubic-bezier(.76,0,.24,1),transform 1.4s var(--ease)}
.mt .img-rv.in{clip-path:inset(0 0 0 0 round 4px);transform:none}
/* תמונת המוצר ממוקמת עם translateX(-50%) — שומרים עליו */
.mt .p-front.img-rv{clip-path:inset(100% 0 0 0);transform:translateX(-50%) scale(1.06)}
.mt .p-front.img-rv.in{clip-path:inset(-20% -20% -40% -20%);transform:translateX(-50%)}

/* כרטיסי מוצר: נכנסים אחד אחרי השני */
.mt .card{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.mt .card.in{opacity:1;transform:none}

/* כרטיס: במעבר עכבר התמונה מתחלפת למטרייה מלפנים */
.card-img{position:relative}
.card-img .card-front{position:absolute;top:50%;left:50%;width:68%;aspect-ratio:1;object-fit:contain;opacity:0;transform:translate(-50%,-50%) translateY(14px) scale(.96);transition:opacity .5s var(--ease),transform .7s var(--ease);pointer-events:none}
.card-img img:first-child{transition:opacity .5s var(--ease),transform .7s var(--ease)}
.card:hover .card-img img.card-front{opacity:1;transform:translate(-50%,-50%) translateY(14px)}
.card:hover .card-img img:first-child{opacity:0;transform:translateY(14px) scale(.96)}

/* קישורים בפוטר: קו שנמתח מימין לשמאל */
.ftr-cols a,.ftr-bar a{text-decoration:none;background:linear-gradient(currentColor,currentColor) right bottom/0 1px no-repeat;transition:background-size .4s var(--ease)}
.ftr-cols a:hover,.ftr-bar a:hover,.ftr-cols a:focus-visible,.ftr-bar a:focus-visible{background-size:100% 1px}

/* הוספה לסל: תמונה קטנה עפה לאייקון הסל, והמספר קופץ */
.fly{position:fixed;z-index:300;width:72px;height:72px;object-fit:contain;pointer-events:none;transition:transform .62s cubic-bezier(.76,0,.24,1),opacity .62s cubic-bezier(.76,0,.24,1)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.count.bump{animation:bump .42s var(--ease)}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .mt .ln-in,.mt .img-rv:not(.p-front),.mt .card{transform:none!important;clip-path:none!important;opacity:1!important;transition:none!important}
  .card:hover .card-img img.card-front{opacity:0}.card:hover .card-img img:first-child{opacity:1;transform:translateY(14px)}
}