/* קריספרי · שפת השוק והנייר הקרוע. משותף לכל העמודים. לא לשנות בעמוד בודד */
:root{
  /* צבעי הלוגו + צבעי פירות. כל צבע פעם אחת, השאר בתערובת */
  --cream:#FFF8F1;
  --ink:#1D4A30;          /* ירוק עמוק: טקסט, ונייר ירוק כהה */
  --pink:#E53D59;         /* ורוד הלוגו: המבטא */
  --green:#5D9942;
  --mango:#FFB020;
  --orange:#FF7A2F;
  --grape:#6E3FA3;        /* דיו של חותמת */
  --kiwi:#8DBA3F;
  --lemon:#FFD54A;
  --kraft:#CFA977;        /* נייר עטיפה חום */

  --pink-paper:color-mix(in srgb,var(--pink) 88%,var(--ink));   /* נייר ורוד (מעט עמוק יותר, כדי שטקסט קרם יהיה קריא) */
  --pink-ink:color-mix(in srgb,var(--pink) 75%,var(--ink));     /* ורוד לטקסט קטן על בהיר */
  --pink-btn:color-mix(in srgb,var(--pink) 84%,var(--ink));     /* ורוד הכפתור: עמוק מעט, כדי שהטקסט הקרם יעבור 4.5:1 */
  --pink-soft:color-mix(in srgb,var(--pink) 58%,var(--cream));  /* ורוד על ירוק כהה */
  --blush:color-mix(in srgb,var(--pink) 20%,var(--cream));
  --sun:color-mix(in srgb,var(--mango) 72%,var(--cream));
  --mint:color-mix(in srgb,var(--kiwi) 30%,var(--cream));
  --kraft-dk:color-mix(in srgb,var(--kraft) 58%,var(--ink));
  --kraft-lt:color-mix(in srgb,var(--kraft) 45%,var(--cream));
  --fade:color-mix(in srgb,var(--ink) 86%,var(--cream));
  --cream-dim:color-mix(in srgb,var(--cream) 84%,var(--ink));
  --shade:color-mix(in srgb,var(--ink) 82%,var(--orange));

  /* טקסטורות נייר */
  --tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .26 0 0 0 0 .19 0 0 0 0 .11 0 0 0 .34 -.08'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .973 0 0 0 0 .945 0 0 1.5 0 -1.06'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-mottle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .1 .13 0 0 0 -.045'/%3E%3C/filter%3E%3Crect width='640' height='640' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .5' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .15 0 0 0 0 .07 2.2 0 0 0 -1.58'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-fiber-lt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='380'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .55' numOctaves='2' seed='15' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .86 2 0 0 0 -1.46'/%3E%3C/filter%3E%3Crect width='380' height='380' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-fleck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='1' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .12 0 0 0 0 .05 5 0 0 0 -3.75'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .19 0 0 0 0 .08 .42 0 0 0 -.17'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23a)'/%3E%3C/svg%3E");
  --tex-paper:var(--tex-grain),var(--tex-light),var(--tex-mottle);
  --tex-kraft:var(--tex-grain),var(--tex-fleck),var(--tex-fiber),var(--tex-fiber-lt),var(--tex-mottle),var(--tex-cloud);

  --font:'Rubik','Segoe UI',system-ui,sans-serif;
  --fs-h1:clamp(50px,6.4vw,96px);
  --fs-h2:clamp(36px,4.3vw,64px);
  --fs-h3:28px;
  --fs-lead:22px;
  --fs-body:19px;
  --fs-ui:17px;
  --fs-small:15px;

  --gutter:clamp(20px,6vw,100px);
  --max:1240px;
  --sp:clamp(84px,9vw,136px);       /* ריווח חלק */
  --sp-top:clamp(64px,7vw,108px);   /* ריווח עליון אחרי קרע */
  --head-gap:clamp(36px,4.4vw,64px);
  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.3,1.45,.5,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;overflow-x:clip}
html{background:var(--tex-paper),var(--cream)}
body{font:300 var(--fs-body)/1.55 var(--font);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--pink-ink);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-weight:800;margin:0;letter-spacing:-.015em}
p{margin:0}
.wrap{position:relative;width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.photo{filter:saturate(1.12) contrast(1.05) brightness(1.03)}

/* ---------- נייר: שכבה עם קרע אמיתי (הקו נוצר ב-JS לפי הרוחב) ---------- */
.sheet{position:relative}
.pp{position:absolute;inset:0;z-index:-1;
  --tz:36px;--amp:initial;--sa:initial;--sb:initial;--paper:var(--cream);--tex:var(--tex-paper);
  --rimc:color-mix(in srgb,var(--paper) 22%,var(--cream));
  filter:var(--pps,drop-shadow(0 0 1.5px color-mix(in srgb,var(--shade) 34%,transparent)) drop-shadow(0 4px 9px color-mix(in srgb,var(--shade) 20%,transparent)))}
.pp>i,.pp-edge>i{position:absolute;inset:0;-webkit-mask:var(--m) 0 0/100% 100% no-repeat;mask:var(--m) 0 0/100% 100% no-repeat}
.pp>.pp-rim,.pp-edge>.pp-rim{background:var(--tex-grain),var(--rimc)}
.pp>.pp-fill{background:var(--tex),var(--paper)}
.pp:not(.ready)>.pp-rim{display:none}
/* נייר של חלק שלם: רקע רגיל (קל לדפדפן), והקרע הוא רצועה צרה מעל, באותה טקסטורה בדיוק */
.sheet>.pp,.mint-zone>.pp{top:0;filter:none;background:var(--tex),var(--paper)}
.pp-edge{position:absolute;left:0;right:0;top:calc(-1*var(--tz));height:calc(var(--tz) + 2px);pointer-events:none}
.pp-edge>.pp-shade{background:var(--shade)}
.pp-edge>.pp-fill{background:var(--tex),var(--paper);background-position:0 var(--tz)}
.pp:not(.ready)>.pp-edge{display:none}
.kraft{--paper:var(--kraft);--tex:var(--tex-kraft);--rimc:color-mix(in srgb,var(--kraft) 35%,var(--cream))}

/* סלוטייפ חלבי עם קצוות משוננים */
.tape{position:absolute;z-index:4;width:116px;height:32px;transform:rotate(var(--tr,-3deg));filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 22%,transparent))}
.tape::before{content:'';position:absolute;inset:0;
  background:linear-gradient(100deg,color-mix(in srgb,var(--cream) 30%,transparent),color-mix(in srgb,var(--cream) 12%,transparent) 45%,color-mix(in srgb,var(--cream) 28%,transparent)),var(--tex-grain),color-mix(in srgb,var(--cream) 52%,transparent);
  clip-path:polygon(0 6%,3% 0,97% 0,100% 9%,98% 24%,100% 40%,97.6% 55%,100% 70%,98.2% 86%,100% 100%,3% 100%,0 92%,2.2% 76%,0 60%,2.6% 44%,0 28%,1.8% 14%)}

/* תווית קראפט קרועה: התגית מעל כל כותרת */
.label{position:relative;isolation:isolate;display:inline-block;padding:8px 20px 9px;font:500 16px/1.2 var(--font);color:var(--ink);transform:rotate(-1.2deg);white-space:nowrap}
.label>.pp{--paper:var(--kraft);--tex:var(--tex-kraft);--tz:8px;--amp:2.4px;--rimc:color-mix(in srgb,var(--kraft) 30%,var(--cream));--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent)) drop-shadow(0 3px 4px color-mix(in srgb,var(--shade) 16%,transparent))}
.label.on-kraft>.pp{--paper:var(--cream);--tex:var(--tex-paper);--rimc:var(--cream)}

/* תווית קראפט תלויה בחוט */
.hang{position:absolute;z-index:5;transform-origin:50% 0;transform:rotate(var(--hr,-5deg));filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 28%,transparent)) drop-shadow(0 8px 12px color-mix(in srgb,var(--shade) 16%,transparent))}
.hang .tape.tack{position:absolute;z-index:2;top:calc(8px - var(--tw,46px));left:50%;width:38px;height:15px;margin-left:-19px;--tr:-8deg}
.hang .twine{position:absolute;bottom:calc(100% - 15px);left:50%;width:30px;height:var(--tw,46px);margin-left:-15px;overflow:visible}
.twine path{fill:none;stroke-linecap:round}
.twine .a,.tw .a{stroke:var(--kraft-dk);stroke-width:2.3}
.twine .b,.tw .b{stroke:color-mix(in srgb,var(--kraft) 40%,var(--cream));stroke-width:1.1;stroke-dasharray:2.2 3.2}
.htag{position:relative;display:block;padding:30px 18px 14px;font:500 16px/1.3 var(--font);color:var(--ink);text-align:center;white-space:nowrap;background:var(--tex-kraft),var(--kraft);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)}
.htag::after{content:'';position:absolute;top:10px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:color-mix(in srgb,var(--shade) 70%,var(--kraft));box-shadow:0 0 0 3px color-mix(in srgb,var(--kraft) 40%,var(--cream)),inset 0 1px 2px color-mix(in srgb,var(--shade) 80%,transparent)}

/* מדבקת מחיר עגולה */
.stk{position:absolute;z-index:6;width:var(--sz,104px);aspect-ratio:1;display:grid;place-content:center;text-align:center;color:var(--cream);transform:rotate(var(--sr,-10deg));filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 40%,transparent)) drop-shadow(0 5px 8px color-mix(in srgb,var(--shade) 20%,transparent))}
.stk>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.stk b{position:relative;font-weight:800;font-size:calc(var(--sz,104px)*.27);line-height:1}
.stk span{position:relative;font-weight:500;font-size:15px;line-height:1.2}
.stk.round{border-radius:50%;background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--pink) 70%,var(--cream)) 0,var(--pink-paper) 34%,color-mix(in srgb,var(--pink-paper) 82%,var(--ink)) 100%)}
.stk.round::before{content:'';position:absolute;inset:6px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--cream) 60%,transparent)}
.stk.round::after{content:'';position:absolute;inset:9% 18% 52% 14%;border-radius:50%;background:linear-gradient(170deg,color-mix(in srgb,var(--cream) 34%,transparent),transparent 70%);transform:rotate(-24deg)}

/* חותמת גומי */
.stamp{position:absolute;display:block;z-index:4;width:var(--st,150px);aspect-ratio:1;color:var(--grape);mix-blend-mode:multiply;opacity:.86;transform:rotate(var(--r,-12deg));pointer-events:none}
.stamp svg{width:100%;height:100%;overflow:visible;display:block}

/* עלים ופירות */
.deco{position:absolute;z-index:3;width:var(--w,120px);pointer-events:none;filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 10px 14px color-mix(in srgb,var(--shade) 14%,transparent))}
.deco.under{z-index:-1}
.deco>i{display:block;transform:translate3d(0,var(--py,0px),0)}
.deco svg{display:block;width:100%;height:auto;transform:rotate(var(--r,0deg));overflow:visible}

/* כפתורים וקישורים */
.btn{--b:var(--pink-btn);--t:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--b);color:var(--t);font:500 19px/1 var(--font);padding:19px 32px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--b) 78%,var(--ink)),0 10px 20px color-mix(in srgb,var(--shade) 18%,transparent);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--b) 78%,var(--ink)),0 16px 26px color-mix(in srgb,var(--shade) 22%,transparent)}
.btn:active{transform:translateY(1px)}
.btn.cream{--b:var(--cream);--t:var(--ink)}
.btn.line{background:transparent;color:var(--t);box-shadow:inset 0 0 0 2px currentColor}
.btn.line:hover{box-shadow:inset 0 0 0 2px currentColor}
.link{font-weight:500;text-decoration:none;padding-bottom:3px;background:linear-gradient(var(--ul,var(--pink)),var(--ul,var(--pink))) 0 100%/100% 2px no-repeat;transition:background-size .3s var(--ease)}
.link:hover{background-size:100% 4px}

/* מילה מודגשת: קו ביד מתחת */
.hl{position:relative;color:var(--hl,var(--pink));white-space:nowrap}
.hl::after{content:'';position:absolute;inset-inline:-3%;bottom:-.1em;height:.2em;background:var(--hlu,var(--pink));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C46 4 98 3 150 6s104 7 147-1' fill='none' stroke='%231D4A30' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'%3E%3Cpath d='M3 11C46 4 98 3 150 6s104 7 147-1' fill='none' stroke='%231D4A30' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}

/* ---------- הדר: פס נייר קרם עם קרע עדין למטה ---------- */
.top{position:sticky;top:0;z-index:50}
.top>.pp{inset:0 0 calc(-1*var(--tz)) 0;--tz:16px;--amp:4px;--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 6px 10px color-mix(in srgb,var(--shade) 12%,transparent))}
.nav{display:flex;align-items:center;gap:36px;height:80px}
.logo img{height:44px;width:auto}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font:500 var(--fs-ui)/1 var(--font)}
.nav ul a{text-decoration:none;color:var(--fade);padding-block:8px;transition:color .2s}
.nav ul a:hover{color:var(--pink-ink)}
.end{margin-inline-start:auto;display:flex;align-items:center;gap:14px}
.cart{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--tex-kraft),var(--kraft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kraft-dk) 30%,transparent),0 3px 6px color-mix(in srgb,var(--shade) 16%,transparent)}
.cart b{position:absolute;top:-5px;inset-inline-end:-5px;min-width:23px;height:23px;padding:0 5px;border-radius:12px;background:var(--pink-paper);color:var(--cream);font:800 12px/23px var(--font);text-align:center;box-shadow:0 2px 3px color-mix(in srgb,var(--shade) 30%,transparent)}
.cart.bump{animation:bump .55s var(--spring)}
@keyframes bump{35%{transform:scale(1.22) rotate(-8deg)}}
.nav .btn{padding:14px 24px;font-size:17px}
.menu{display:none;width:46px;height:46px;border-radius:50%;border:0;background:color-mix(in srgb,var(--ink) 8%,var(--cream));color:var(--ink);font-size:20px;cursor:pointer}

/* ---------- 1. פתיחה ---------- */
.hero{position:relative;min-height:max(760px,calc(100svh - 80px));display:flex;padding:24px 0 var(--hero-foot,196px)}
.hero>.wrap{display:grid;grid-template-columns:minmax(0,min(590px,46vw)) minmax(0,1fr);gap:28px;align-items:center}
.hero-copy{position:relative;z-index:6;padding-top:36px}
.hero h1{font-size:var(--fs-h1);line-height:1.03;margin:24px 0 26px;letter-spacing:-.025em}
.w{display:inline-block}
.swap{display:inline-grid;vertical-align:top}
.swap>span{grid-area:1/1;justify-self:start;text-align:start;white-space:nowrap;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.swap>span:not(.on){opacity:0;transform:translateY(.32em)}
.swap>span.out{opacity:0;transform:translateY(-.32em)}
.hero .lead{font-size:var(--fs-lead);line-height:1.5;color:var(--fade);max-width:33ch;margin:0 0 38px}
.ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.stage{position:relative;align-self:end;height:520px}
.tray{position:absolute;z-index:3;top:0;bottom:0;inset-inline-end:-36px;width:min(800px,calc(100% + 170px));max-width:none}
.tray .deco{z-index:2}
.tray img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 18px 18px color-mix(in srgb,var(--shade) 30%,transparent))}
.tray::after{content:'';position:absolute;z-index:-1;left:4%;right:3%;bottom:-16px;height:36px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 52%,transparent),transparent)}
.hero .stk{--sz:144px;top:118px;inset-inline-end:2px;--sr:-12deg}
.hero .stk b{font-size:40px}
.hero .stamp{--st:150px;top:-6px;inset-inline-start:40px;--r:-13deg}

/* ---------- 2. למי השמחה (על הנייר הוורוד שעלה מהפתיחה) ---------- */
.aud{padding:28px 0 calc(var(--sp) + 24px);color:var(--cream)}
.aud>.pp{--paper:var(--pink-paper);--tz:360px;--sa:44px;--sb:220px;--amp:20px;--rimc:color-mix(in srgb,var(--pink) 18%,var(--cream))}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:var(--head-gap)}
.head h2{font-size:var(--fs-h2);line-height:1.06;margin-top:20px;text-wrap:balance}
.head .sub{max-width:31ch;padding-bottom:6px}
.head .sub p{font-size:var(--fs-lead);line-height:1.5;color:var(--fade)}
.head .sub .link{display:inline-block;margin-top:14px}
.aud .head .sub p{color:var(--cream)}
.aud{--hl:var(--cream);--hlu:var(--mango)}
.cards{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:34px;align-items:end}
.card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;padding:46px 32px 0;min-height:540px;transform:rotate(var(--rot,0deg));color:var(--ink)}
.card>.pp{--tz:26px;--amp:6px}
.card .label{margin-bottom:22px}
.card h3{font-size:var(--fs-h3);line-height:1.2;margin-bottom:10px;text-wrap:balance}
.card p{font-size:18px;line-height:1.5;margin-bottom:18px;color:var(--fade)}
.card .tape{top:-15px;left:50%;margin-left:-58px}
.card .pic{position:relative;align-self:stretch;margin-top:auto;height:270px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:52px}
.card .pic::after{content:'';position:absolute;left:12%;right:12%;bottom:38px;height:24px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 42%,transparent),transparent)}
.card .pic img{position:relative;z-index:1;max-height:100%;width:auto;max-width:100%;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 12px 12px color-mix(in srgb,var(--shade) 26%,transparent))}
.card.team{--rot:-1.8deg}
.card.team>.pp{--paper:var(--sun);--rimc:color-mix(in srgb,var(--mango) 22%,var(--cream))}
.card.team p{color:var(--ink)}
.card.friend{--rot:.9deg;min-height:650px;padding-inline:36px}
.card.friend h3{font-size:36px}
.card.friend .pic{height:350px;margin-inline:-14px}
.card.friend .tape{--tr:2deg}
.card.bar{--rot:-.9deg;color:var(--cream)}
.card.bar>.pp{--paper:var(--ink);--rimc:color-mix(in srgb,var(--green) 34%,var(--cream))}
.card.bar p{color:var(--cream-dim)}
.card.bar .link{--ul:var(--mango)}
.card.bar .tape{--tr:-5deg}
.memo{position:relative;align-self:center;margin:auto 0 64px;--hr:3deg}
.memo .hang{position:relative;filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 50%,transparent)) drop-shadow(0 14px 18px color-mix(in srgb,var(--shade) 36%,transparent))}
.memo .htag{padding:38px 28px 22px;width:262px;white-space:normal;text-align:start}
.memo .htag::after{top:14px}
.memo b{display:block;text-align:center;font-weight:800;font-size:18px;margin-bottom:14px}
.memo ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.memo li{display:flex;align-items:baseline;gap:10px;font-size:16px}
.memo li i{flex:1;height:1em;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 50%,transparent)}
.memo small{display:block;margin-top:16px;text-align:center;font:500 15px var(--font)}

/* ---------- 3. המגשים: על נייר קראפט ---------- */
.shop{padding:var(--sp-top) 0 var(--sp)}
.shop>.pp{--tz:46px;--amp:13px}
.shop .label{transform:rotate(1deg)}
.shop .head .sub p{color:var(--ink);font-weight:500}
.shop{--hl:var(--ink);--hlu:var(--pink)}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;align-items:start}
.prod{position:relative;display:flex;flex-direction:column;padding:16px 16px 24px;background:var(--tex-paper),var(--cream);border-radius:3px;transform:rotate(var(--rot,0deg));
  box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 22%,transparent),0 8px 14px color-mix(in srgb,var(--shade) 14%,transparent),0 26px 44px color-mix(in srgb,var(--shade) 16%,transparent)}
.prod:nth-child(1){--rot:-.8deg}.prod:nth-child(2){--rot:.6deg}.prod:nth-child(3){--rot:-.4deg}
.plate{position:relative;isolation:isolate;height:290px;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 30px;margin-bottom:22px}
.plate>.pp{--tz:30px;--amp:8px;--pps:drop-shadow(0 0 1px color-mix(in srgb,var(--shade) 30%,transparent))}
.plate::after{content:'';position:absolute;left:14%;right:14%;bottom:18px;height:20px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 40%,transparent),transparent)}
.plate img{position:relative;z-index:1;max-height:100%;max-width:100%;width:auto;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 12px 12px color-mix(in srgb,var(--shade) 24%,transparent))}
.p1 .plate>.pp{--paper:var(--blush);--rimc:var(--cream)}
.p2 .plate>.pp{--paper:var(--mint);--rimc:var(--cream)}
.p3 .plate>.pp{--paper:var(--sun);--rimc:var(--cream)}
.p1 .plate img{width:112%;max-width:none;max-height:calc(100% + 26px);object-fit:contain;object-position:50% 100%}
.prod .stk{--sz:96px;top:40px;inset-inline-end:-22px;--sr:12deg}
.prod:nth-child(2) .stk{--sr:-9deg}
.prod .hang{top:-30px;inset-inline-start:24px;--hr:-6deg;--tw:30px}
.prod .hang .htag{padding:26px 14px 11px;font-size:15px}
.prod .hang .htag::after{top:8px}
.prod h3{font-size:25px;line-height:1.2;margin:0 8px 6px}
.prod p{font-size:17px;line-height:1.5;color:var(--fade);margin:0 8px 20px}
.add{margin:auto 8px 0;display:flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:500 18px/1 var(--font);color:var(--ink);background:transparent;border-radius:999px;padding:15px 18px;box-shadow:inset 0 0 0 2px var(--ink);transition:background .3s var(--ease),color .3s var(--ease),transform .2s var(--ease)}
.add:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}
.add:active{transform:scale(.97)}
.add.done{background:var(--ink);color:var(--cream)}
.add svg{flex:none}
.shop .note{margin-top:34px}
.note{display:inline-block;font:500 var(--fs-small)/1.3 var(--font);color:var(--ink);opacity:.86}
.shop .note,.budget .note{opacity:1}

/* ---------- 4. ככה זה שימח ---------- */
.joy{padding:var(--sp-top) 0 calc(var(--sp) - 10px)}
.joy>.pp{--tz:42px;--amp:12px}
.joy-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:end}
.joy h2{font-size:var(--fs-h2);line-height:1.06;margin-top:20px}
.quote{position:relative;font:500 clamp(28px,2.9vw,42px)/1.32 var(--font);letter-spacing:-.01em;margin:0;padding-top:58px;text-wrap:balance}
.quote::before{content:'״';position:absolute;top:-34px;inset-inline-start:-6px;font:800 150px/1 var(--font);color:var(--pink)}
.who{display:block;margin-top:16px;font:500 17px var(--font);color:var(--fade)}
.strip-zone{position:relative;margin-top:30px;padding:70px 0 30px}
.strip{position:absolute;left:-60px;right:-60px;top:110px;height:300px;transform:rotate(-2deg)}
.strip>.pp{--paper:var(--pink);--tz:28px;--amp:8px;--rimc:color-mix(in srgb,var(--pink) 16%,var(--cream))}
.pols{display:flex;justify-content:center;align-items:flex-start;padding-inline:10px}
.pol{position:relative;flex:0 1 276px;margin:0 -12px;padding:14px 14px 0;background:var(--tex-paper),var(--cream);transform:rotate(var(--r));
  box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 24%,transparent),0 10px 18px color-mix(in srgb,var(--shade) 18%,transparent),0 30px 46px color-mix(in srgb,var(--shade) 14%,transparent)}
.pol:nth-child(1){--r:-5deg;margin-top:26px;z-index:1}
.pol:nth-child(2){--r:3deg;margin-top:-6px;z-index:2}
.pol:nth-child(3){--r:-2deg;margin-top:40px;z-index:1}
.pol:nth-child(4){--r:5deg;margin-top:4px;z-index:2}
.pol .ph{aspect-ratio:1;overflow:hidden;background:var(--kraft-lt)}
.pol img{width:100%;height:100%;object-fit:cover}
.pol figcaption{display:flex;align-items:center;gap:10px;height:60px;padding-inline:4px;font:500 18px/1 var(--font)}
.pol figcaption b{font-weight:800;color:var(--pink-ink)}
.pol .tape{top:-14px;left:50%;margin-left:-50px;width:100px;--tr:var(--tt,-4deg)}
.pol:nth-child(even) .tape{--tt:5deg}
.joy-foot{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:18px}

/* ---------- 5. נעים להכיר: נייר ירוק ---------- */
.about{padding:var(--sp-top) 0 var(--sp);color:var(--cream);--hl:var(--pink-soft);--hlu:var(--pink-soft)}
.about>.pp{--paper:var(--ink);--tz:48px;--amp:14px;--rimc:color-mix(in srgb,var(--green) 36%,var(--cream))}
.about .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,110px);align-items:center}
.print{position:relative;isolation:isolate;width:min(100%,470px);margin-inline:auto;padding:22px 22px 92px;transform:rotate(2.2deg)}
.print>.pp{--paper:var(--cream);--tz:14px;--amp:3.6px;--rimc:var(--cream);--pps:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 50%,transparent)) drop-shadow(0 18px 26px color-mix(in srgb,var(--shade) 42%,transparent))}
.print .ph{position:relative;height:540px;overflow:hidden}
.print img{width:100%;height:100%;object-fit:none;object-position:calc(50% + 128px) calc(50% + 22px)}
.print .tape{top:-12px;--tr:-6deg}
.print .tape.t1{inset-inline-start:-26px}
.print .tape.t2{inset-inline-end:-24px;--tr:8deg}
.print .stamp{--st:128px;bottom:-6px;inset-inline-end:18px;--r:-14deg;color:var(--pink-paper);opacity:.9}
.print .hang{bottom:-58px;inset-inline-start:34px;--hr:4deg;--tw:40px}
.print .hang .htag{white-space:normal;width:206px;padding:30px 18px 16px;font-size:17px}
.about h2{font-size:var(--fs-h2);line-height:1.06;margin:20px 0 26px;text-wrap:balance}
.about p{font-size:var(--fs-lead);line-height:1.55;color:var(--cream-dim);max-width:34ch;margin-bottom:18px}
.about .sig{font:500 26px var(--font);color:var(--mango);margin:10px 0 28px}
.about .link{--ul:var(--mango)}

/* ---------- 6. בתקציב שלך: פתק הזמנה של שוק ---------- */
.budget{padding:var(--sp-top) 0 var(--sp);--hl:var(--pink-ink);--hlu:var(--pink-paper)}
.budget>.pp{--paper:var(--sun);--tz:46px;--amp:13px;--rimc:color-mix(in srgb,var(--mango) 18%,var(--cream))}
.budget .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(48px,6vw,96px);align-items:stretch}
.budget .intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:40px}
.bar-pic{position:relative;align-self:stretch;margin-top:64px;max-width:600px}
.bar-pic::after{content:'';position:absolute;left:8%;right:6%;bottom:-12px;height:30px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 46%,transparent),transparent)}
.bar-pic img{position:relative;z-index:1;width:100%;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 14px 14px color-mix(in srgb,var(--shade) 26%,transparent))}
.budget h2{font-size:var(--fs-h2);line-height:1.06;margin:20px 0 22px;text-wrap:balance}
.budget .intro>p{font-size:var(--fs-lead);line-height:1.5;max-width:30ch;margin-bottom:30px}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:14px;font:500 19px/1.3 var(--font)}
.ticks li{display:flex;align-items:center;gap:14px}
.ticks li svg{flex:none}
.slip{position:relative;isolation:isolate;padding:62px 40px 38px;transform:rotate(-1.3deg);color:var(--ink)}
.slip>.pp{--paper:var(--cream);--tz:24px;--amp:7px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent)) drop-shadow(0 16px 24px color-mix(in srgb,var(--shade) 22%,transparent))}
.slip .tape{top:-2px;left:50%;margin-left:-58px;--tr:2deg}
.slip-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.slip-head img{height:34px;width:auto}
.slip-head span{font:500 15px/1.3 var(--font);text-align:end}
.slip-head b{display:block;font-weight:800;font-size:19px;color:var(--pink-ink)}
.slip .row{padding:20px 0;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 34%,transparent)}
.lbl{display:block;font:500 16px/1.3 var(--font);color:var(--fade);margin-bottom:12px}
.who{display:flex;gap:10px 20px;flex-wrap:wrap}
.who button{display:inline-flex;align-items:center;gap:9px;border:0;background:none;padding:6px 0;cursor:pointer;font:500 18px/1 var(--font);color:var(--ink)}
.who .box{position:relative;width:24px;height:24px;border:2px solid var(--ink);border-radius:4px;flex:none}
.who .box svg{position:absolute;left:-3px;top:-9px;width:32px;height:32px;overflow:visible}
.who .box path{fill:none;stroke:var(--pink-paper);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--ease)}
.who button[aria-checked="true"] .box path{stroke-dashoffset:0}
.amt-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.amt-row .lbl{margin:0}
.amount{font:800 clamp(46px,4.6vw,64px)/1 var(--font);color:var(--pink-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.slip input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:40px;margin:14px 0 2px;background:transparent;cursor:pointer;--fill:15.8%}
.slip input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:99px;background:linear-gradient(to left,var(--pink-paper) 0 var(--fill),transparent var(--fill)),repeating-linear-gradient(to left,color-mix(in srgb,var(--ink) 30%,transparent) 0 1.5px,transparent 1.5px 20px),color-mix(in srgb,var(--ink) 9%,transparent)}
.slip input[type=range]::-moz-range-track{height:12px;border-radius:99px;background:color-mix(in srgb,var(--ink) 9%,transparent)}
.slip input[type=range]::-moz-range-progress{height:12px;border-radius:99px;background:var(--pink-paper)}
.slip input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:38px;height:38px;margin-top:-13px;border-radius:50%;cursor:grab;
  background:radial-gradient(circle,var(--cream) 0 4px,transparent 4.5px),radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--pink) 70%,var(--cream)),var(--pink-paper) 45%);
  box-shadow:0 0 0 3px var(--cream),0 3px 8px color-mix(in srgb,var(--shade) 40%,transparent)}
.slip input[type=range]::-moz-range-thumb{width:34px;height:34px;border:3px solid var(--cream);border-radius:50%;background:var(--pink-paper);cursor:grab}
.scale{display:flex;justify-content:space-between;font:500 14px var(--font);color:var(--fade)}
.lines-h{display:flex;justify-content:space-between;align-items:baseline;font:500 16px var(--font);color:var(--fade);margin-bottom:6px}
.lines-h small{font-size:14px;color:var(--pink-ink)}
.lines{list-style:none;margin:0;padding:0}
.ln{display:flex;align-items:center;gap:12px;height:44px;font:500 18px/1 var(--font)}
.ln .ck{position:relative;flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 30%,transparent);transition:box-shadow .3s}
.ln .ck svg{position:absolute;inset:-4px;width:32px;height:32px;overflow:visible}
.ln .ck path{fill:none;stroke:var(--pink-paper);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--ease) .2s}
.ln .nm{white-space:nowrap;clip-path:inset(0 0 0 100%);transition:clip-path .55s var(--ease)}
.ln i{flex:1;height:1px;align-self:center;margin-top:8px;border-bottom:2px dotted color-mix(in srgb,var(--ink) 26%,transparent)}
.ln .vl{font-size:15px;color:var(--fade);opacity:0;transition:opacity .3s .35s}
.ln.in .ck{box-shadow:inset 0 0 0 1.5px var(--pink-paper)}
.ln.in .ck path{stroke-dashoffset:0}
.ln.in .nm{clip-path:inset(0 0 0 0)}
.ln.in .vl{opacity:1}
.next{min-height:24px;margin-top:8px;font:500 16px/1.4 var(--font);color:var(--pink-ink)}
.total{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:2px solid var(--ink)}
.total .t-k{font:500 16px var(--font);color:var(--fade)}
.total .t-v{display:flex;align-items:baseline;gap:8px;margin-top:6px;font:500 20px var(--font)}
.total .t-v b{font:800 54px/1 var(--font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tier{position:relative;display:block;flex:none;width:120px;aspect-ratio:1;margin:-30px -10px -16px 0;color:var(--green);mix-blend-mode:multiply;opacity:.92;transform:rotate(-11deg)}
.tier svg{width:100%;height:100%;overflow:visible;display:block}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 0 26px}
.fields label{display:block}
.fields input{width:100%;border:0;border-bottom:2px solid color-mix(in srgb,var(--ink) 40%,transparent);background:transparent;padding:8px 2px 10px;font:500 19px var(--font);color:var(--ink);outline:none;border-radius:0}
.fields input::placeholder{color:color-mix(in srgb,var(--ink) 48%,var(--cream));font-weight:300}
.fields input:focus{border-bottom-color:var(--pink-paper)}
.fields input[aria-invalid="true"]{border-bottom-color:var(--pink-ink);background:color-mix(in srgb,var(--pink) 8%,transparent)}
.slip .btn{width:100%}
.err{min-height:22px;margin-top:12px;font:500 16px var(--font);color:var(--pink-ink)}
.slip .note{display:block;text-align:center;margin-top:4px}
.ok{text-align:center;padding:60px 10px 40px}
.ok[hidden],.ask-body[hidden]{display:none}
.ok b{display:block;font-size:34px;font-weight:800;margin-bottom:10px}
.ok span{display:block;font-size:20px;color:var(--fade);margin-bottom:12px}
.ok .stamp{position:relative;margin:0 auto 26px;--st:150px;--r:-10deg;color:var(--pink-paper)}

/* ---------- 7. להזמין זה פשוט ---------- */
.steps{padding:var(--sp-top) 0 var(--sp)}
.steps>.pp{--tz:40px;--amp:12px}
.track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,5vw,80px)}
.track .tw{position:absolute;top:0;left:0;width:100%;height:150px;overflow:visible;pointer-events:none}
.step{position:relative;text-align:center}
.step .stamp{position:relative;margin:0 auto 26px;--st:150px;inset:auto}
.step:nth-child(2) .stamp{color:var(--pink-paper);--r:-8deg}
.step:nth-child(3) .stamp{color:var(--green);--r:7deg}
.step:nth-child(4) .stamp{color:var(--grape);--r:-4deg}
.step h3{font-size:var(--fs-h3);margin-bottom:10px}
.step p{max-width:24ch;margin-inline:auto;color:var(--fade)}

/* ---------- 8. שאלות + 9. להזמנה: נייר ירוק בהיר ---------- */
.mint-zone{position:relative;isolation:auto}
.mint-zone>.pp{--paper:var(--mint);--tz:44px;--amp:13px;--rimc:color-mix(in srgb,var(--kiwi) 14%,var(--cream))}
.faq{padding:var(--sp-top) 0 var(--sp);--hl:var(--pink-ink);--hlu:var(--pink)}
.faq .wrap{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,96px);align-items:start}
.faq .side{position:sticky;top:130px}
.faq h2{font-size:var(--fs-h2);line-height:1.06;margin:20px 0 20px;text-wrap:balance}
.faq .side p{font-size:var(--fs-lead);line-height:1.5;color:var(--fade);margin-bottom:18px}
.qs{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.q{position:relative;padding:26px 0 28px 0;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent)}
.q h3{display:flex;align-items:center;gap:14px;font-size:21px;line-height:1.3;margin-bottom:10px}
.q h3 .dot::before{content:'?'}
.q h3 .dot{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 17px/1 var(--font);color:var(--ink);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--c) 55%,var(--cream)),var(--c) 55%);box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent),0 3px 5px color-mix(in srgb,var(--shade) 16%,transparent);transform:rotate(-10deg)}
.q p{font-size:18px;line-height:1.55;color:var(--fade);padding-inline-start:48px}
.cta{padding:20px 0 calc(var(--sp) - 6px)}
.bigsheet{position:relative;isolation:isolate;max-width:1060px;margin-inline:auto;padding:clamp(80px,8vw,120px) 40px clamp(70px,7vw,104px);text-align:center;color:var(--cream);transform:rotate(-1.1deg);--hl:var(--cream);--hlu:var(--mango)}
.bigsheet>.pp{--paper:var(--pink-paper);--tz:30px;--amp:9px;--rimc:color-mix(in srgb,var(--pink) 16%,var(--cream));--pps:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 32%,transparent)) drop-shadow(0 24px 34px color-mix(in srgb,var(--shade) 26%,transparent))}
.bigsheet h2{font-size:clamp(42px,5.4vw,80px);line-height:1.04;margin-bottom:20px}
.bigsheet p{font-size:var(--fs-lead);max-width:32ch;margin:0 auto 40px;color:var(--cream)}
.bigsheet .ctas{justify-content:center;gap:18px}
.bigsheet .btn.line{--t:var(--cream)}
.bigsheet .hang{top:-40px;inset-inline-end:8%;--hr:-7deg;--tw:34px}
.bigsheet .hang .htag{white-space:normal;width:190px;font-size:17px;padding:30px 16px 16px}
.bigsheet .deco.under{z-index:-2}

/* ---------- פוטר: נייר ירוק כהה, קטן: לא יותר מרבע מגובה המסך ---------- */
.foot{padding:26px 0 14px;color:var(--cream)}
.foot>.pp{--paper:var(--ink);--tz:26px;--amp:8px;--rimc:color-mix(in srgb,var(--green) 34%,var(--cream))}
.fgrid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 36px}
.fgrid>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}
.flogo{height:36px;width:auto;margin:0}
.fline{display:none}
.foot .btn{padding:9px 20px;min-height:0;font-size:16px}
.foot h4,.foot .fh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:16px}
.foot ul a{text-decoration:none}
.foot ul a:hover{color:var(--pink-soft)}
.fbottom{display:flex;justify-content:space-between;align-items:center;gap:4px 20px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--cream) 22%,transparent);font-size:13px;line-height:1.5;color:var(--cream-dim)}
.fbottom nav{display:flex;gap:4px 16px;flex-wrap:wrap}
@media (max-width:1440px){.fbottom{padding-inline-start:94px;padding-inline-end:82px}}
.fbottom a{text-decoration:none}
.fbottom a:hover{color:var(--cream)}

/* צף */
/* וואטסאפ בצד שמאל למטה, כפתור הנגישות בצד ימין (הנחיית המשתמש, 18.10.2026) */
.wa{position:fixed;z-index:60;bottom:22px;right:22px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--green);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--green) 70%,var(--ink)),0 10px 22px color-mix(in srgb,var(--shade) 30%,transparent);transition:transform .25s var(--ease)}
.wa:hover{transform:scale(1.06)}
.toast{position:fixed;z-index:70;bottom:100px;left:50%;display:flex;align-items:center;gap:16px;padding:14px 22px;background:var(--tex-paper),var(--cream);color:var(--ink);font:500 16px var(--font);border-radius:4px;
  box-shadow:0 2px 3px color-mix(in srgb,var(--shade) 24%,transparent),0 18px 30px color-mix(in srgb,var(--shade) 24%,transparent);opacity:0;pointer-events:none;transform:translate(-50%,16px) rotate(-1deg);transition:.35s var(--ease)}
.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%,0) rotate(-1deg)}
.toast i{width:26px;height:26px;border-radius:50%;background:var(--pink-paper);display:grid;place-items:center;flex:none}
.toast a{font-weight:500;color:var(--pink-ink);text-decoration:none}

/* ---------- תנועה ---------- */
@keyframes wordIn{from{opacity:0;transform:translateY(.42em)}}
@keyframes riseIn{from{opacity:0;transform:translateY(34px)}}
@keyframes riseInT{from{transform:translateY(34px)}}   /* בלי דהייה: לתמונה הגדולה של הפתיחה, כדי שתיספר מיד (LCP) */
@keyframes settle{from{opacity:0;transform:translateY(-46px) rotate(calc(var(--rot,0deg) + 7deg))}60%{opacity:1}}
@keyframes settlePol{from{opacity:0;transform:translateY(-50px) rotate(calc(var(--r) - 9deg))}60%{opacity:1}}
@keyframes slap{0%{opacity:0;transform:rotate(var(--sr,-10deg)) scale(.45)}60%{opacity:1;transform:rotate(var(--sr,-10deg)) scale(1.08)}100%{transform:rotate(var(--sr,-10deg)) scale(1)}}
@keyframes press{0%{opacity:0;transform:rotate(var(--r,-12deg)) scale(1.6)}55%{opacity:.95;transform:rotate(var(--r,-12deg)) scale(.94)}100%{transform:rotate(var(--r,-12deg)) scale(1)}}
@keyframes swing{0%{opacity:0;transform:rotate(calc(var(--hr,-5deg) - 26deg))}40%{opacity:1}70%{transform:rotate(calc(var(--hr,-5deg) + 6deg))}100%{transform:rotate(var(--hr,-5deg))}}
@keyframes tapeOn{from{opacity:0;transform:rotate(var(--tr,-3deg)) scaleX(.4)}}
@keyframes stripIn{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes drawUl{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@keyframes fallIn{from{opacity:0;transform:translateY(-60px) rotate(-40deg)}}

.js:not(.still) .hero .w{animation:wordIn .7s var(--ease) backwards;animation-delay:calc(var(--i)*.13s + .15s)}
.js:not(.still) .hero .label{animation:riseIn .7s var(--ease) backwards}
.js:not(.still) .hero .lead{animation:riseIn .8s var(--ease) backwards .8s}
.js:not(.still) .hero .ctas{animation:riseIn .8s var(--ease) backwards .95s}
.js:not(.still) .hero .tray{animation:riseInT 1s var(--ease) backwards .1s}
.js:not(.still) .hero .stk{animation:slap .7s var(--spring) backwards 1.25s}
.js:not(.still) .hero .stamp{animation:press .6s var(--ease) backwards 1.55s}
.js:not(.still) .hero .hl::after{animation:drawUl .6s var(--ease) backwards 1.1s}

.js:not(.still) .rv .hw{display:inline-block;opacity:0;transform:translateY(.42em);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--w)*.08s + .05s)}
.js:not(.still) .rv.on .hw{opacity:1;transform:none}
.js:not(.still) .rv:not(.on) .hl::after{clip-path:inset(0 0 0 100%)}
.js:not(.still) .rv.on .hl::after{animation:drawUl .6s var(--ease) backwards .55s}
.js:not(.still) .rv .up{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--k,0)*.1s + .15s)}
.js:not(.still) .rv.on .up{opacity:1;transform:none}
.js:not(.still) .rv:not(.on) .label{opacity:0}
.js:not(.still) .rv.on .label{animation:riseIn .6s var(--ease) backwards}

.js:not(.still) .aud:not(.on) .card{opacity:0}
.js:not(.still) .aud.on .card{animation:settle 1s var(--ease) backwards;animation-delay:calc(var(--k)*.15s + .1s)}
.js:not(.still) .aud.on .card .tape{animation:tapeOn .45s var(--ease) backwards;animation-delay:calc(var(--k)*.15s + .85s)}
.js:not(.still) .aud.on .memo .hang{animation:swing 1.3s var(--ease) backwards 1.1s}
.js:not(.still) .shop:not(.on) .prod{opacity:0}
.js:not(.still) .shop.on .prod{animation:riseIn .9s var(--ease) backwards;animation-delay:calc(var(--k)*.14s)}
.js:not(.still) .shop.on .prod .stk{animation:slap .65s var(--spring) backwards;animation-delay:calc(var(--k)*.14s + .7s)}
.js:not(.still) .shop.on .prod .hang{animation:swing 1.3s var(--ease) backwards;animation-delay:calc(var(--k)*.14s + .45s)}
.js:not(.still) .joy:not(.on) .pol{opacity:0}
.js:not(.still) .joy.on .strip{animation:stripIn 1.1s var(--ease) backwards .1s}
.js:not(.still) .joy.on .pol{animation:settlePol .95s var(--ease) backwards;animation-delay:calc(var(--k)*.14s + .45s)}
.js:not(.still) .about:not(.on) .print{opacity:0}
.js:not(.still) .about.on .print{animation:settle 1.1s var(--ease) backwards .1s;--rot:2.2deg}
.js:not(.still) .about.on .print .hang{animation:swing 1.4s var(--ease) backwards .9s}
.js:not(.still) .about.on .print .stamp{animation:press .6s var(--ease) backwards 1.25s}
.js:not(.still) .budget:not(.on) .slip{opacity:0}
.js:not(.still) .budget.on .slip{animation:riseIn 1s var(--ease) backwards .15s}
.js:not(.still) .budget.on .tier{animation:press .6s var(--ease) backwards 1.1s}
.tier.again{animation:press .55s var(--ease)!important}
.js:not(.still) .ok:not([hidden]) .stamp{animation:press .6s var(--ease) backwards .15s}
.js:not(.still) .steps .tw{clip-path:inset(0 0 0 100%);transition:clip-path 1.8s var(--ease) .3s}
.js:not(.still) .steps.on .tw{clip-path:inset(0)}
.js:not(.still) .steps:not(.on) .step .stamp{opacity:0}
.js:not(.still) .steps.on .step .stamp{animation:press .6s var(--ease) backwards;animation-delay:calc(var(--k)*.45s + .35s)}
.js:not(.still) .faq:not(.on) .q{opacity:0}
.js:not(.still) .faq.on .q{animation:riseIn .7s var(--ease) backwards;animation-delay:calc(var(--k)*.08s + .1s)}
.js:not(.still) .cta:not(.on) .bigsheet{opacity:0}
.js:not(.still) .cta.on .bigsheet{animation:settle 1.1s var(--ease) backwards;--rot:-1.1deg}
.js:not(.still) .cta.on .bigsheet .hang{animation:swing 1.4s var(--ease) backwards .8s}

.still *{animation:none!important;transition:none!important}

/* ---------- רספונסיבי ---------- */
@media (max-width:1180px){
  .nav{gap:24px}.nav ul{gap:18px;font-size:16px}
  .tray .deco:not(:last-child){display:none}
}
@media (max-width:1040px){
  .nav ul{display:none}
  .menu{display:grid;place-items:center}
  .nav.open ul{display:flex;position:absolute;top:calc(100% + 6px);inset-inline:0;flex-direction:column;gap:0;padding:8px var(--gutter) 20px;background:var(--tex-paper),var(--cream);box-shadow:0 18px 30px color-mix(in srgb,var(--shade) 16%,transparent)}
  .nav.open ul a{display:block;padding:14px 0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 24%,transparent);color:var(--ink)}
  .cards{grid-template-columns:1fr 1fr;align-items:stretch}
  .card.friend{grid-column:1/-1;order:-1;min-height:0}
  .prods{grid-template-columns:1fr 1fr}
  .prod:nth-child(2){margin-top:0}
  .budget .wrap{grid-template-columns:1fr}
  .budget .intro{position:static}
  .slip{max-width:600px;margin-inline:auto;width:100%}
  .faq .wrap{grid-template-columns:1fr}
  .faq .side{position:static}
}
@media (max-width:860px){
  :root{--fs-h1:clamp(42px,11vw,64px);--fs-h2:clamp(32px,8.6vw,46px);--fs-h3:25px;--fs-lead:19px;--fs-body:18px}
  .nav{height:68px}
  .logo img{height:36px}
  .nav .btn{padding:11px 18px;font-size:16px}
  .cart,.menu{width:42px;height:42px}
  .hero{min-height:0;padding:12px 0 var(--hero-foot)}
  .hero{--hero-foot:46px}
  .hero>.wrap{grid-template-columns:1fr;gap:6px}
  .hero-copy{padding-top:14px}
  .hero h1{margin:18px 0 16px}
  .hero .lead{margin-bottom:26px}
  .ctas{gap:18px}
  .stage{height:clamp(220px,62vw,380px);margin-top:26px}
  .tray{width:100%;inset-inline-end:0}
  .hero .stk{--sz:100px;top:8px;inset-inline-end:auto;inset-inline-start:2px}
  .hero .stk b{font-size:29px}
  .hero .stk span{font-size:13px}
  .hero .stamp{--st:100px;top:-4px;inset-inline-start:auto;inset-inline-end:2px}
  .bar-pic{padding-top:34px}
  .aud>.pp{--tz:150px;--sa:34px;--sb:62px;--amp:10px}
  .head{flex-direction:column;align-items:flex-start;gap:14px}
  .cards{grid-template-columns:1fr;gap:44px}
  .card,.card.friend{min-height:0;padding:40px 24px 0}
  .card.friend h3{font-size:30px}
  .card .pic{height:250px}
  .card.friend .pic{height:280px;margin-inline:0}
  .memo{margin:20px auto 70px}
  .prods{grid-template-columns:1fr;gap:56px}
  .joy-top{grid-template-columns:1fr;gap:20px}
  .strip-zone{padding:50px 0 20px}
  .strip{top:90px;height:auto;bottom:40px}
  .pols{display:grid;grid-template-columns:1fr 1fr;gap:26px 14px;padding:0}
  .pol{margin:0 !important;padding:9px 9px 0}
  .pol figcaption{height:46px;font-size:15px}
  .about .wrap{grid-template-columns:1fr}
  .print .ph{height:min(118vw,520px)}
  .print .hang{inset-inline-start:10px;bottom:-70px}
  .print{padding-bottom:84px}
  .about .text{padding-top:80px}
  .slip{padding:56px 22px 30px}
  .who{gap:6px 16px}
  .fields{grid-template-columns:1fr}
  .total .t-v b{font-size:44px}
  .tier{width:100px}
  .track{grid-template-columns:1fr;gap:40px}
  .track .tw{display:none}
  .step+.step::before{content:'';display:block;width:3px;height:44px;margin:-26px auto 10px;border-radius:2px;background:repeating-linear-gradient(to bottom,var(--kraft-dk) 0 5px,color-mix(in srgb,var(--kraft) 40%,var(--cream)) 5px 8px)}
  .qs{grid-template-columns:1fr}
  .bigsheet{padding:84px 22px 64px}
  .bigsheet .hang{inset-inline-end:4%;top:-34px}
  .bigsheet .stamp{display:none}
  .bigsheet .ctas .btn{width:100%}
  .fgrid{justify-content:center}
  .fgrid>div:nth-child(2),.foot .btn,.fbottom>span{display:none}
  .foot{padding:18px 0 10px}
  .fbottom{margin-top:8px;padding-top:8px;padding-inline-start:76px;padding-inline-end:68px;font-size:12px;line-height:1.4}
  .deco{width:calc(var(--w,120px)*.6)}
  .deco.m-hide{display:none}
  .wa{width:56px;height:56px;bottom:16px;right:16px}
  .toast{bottom:86px;max-width:calc(100% - 32px)}
}
@media (max-width:430px){
  .nav .btn{display:none}
  .end{gap:10px}
}

/* ---------- עמוד נוכחי בתפריט ---------- */
.nav ul a[aria-current="page"]{color:var(--ink);background:linear-gradient(var(--pink),var(--pink)) 0 100%/100% 2px no-repeat}
@media (max-width:1040px){.nav.open ul a[aria-current="page"]{background:none;color:var(--pink-ink)}}

/* ---------- תיקונים משותפים (14.10.2026) ---------- */
html{scroll-padding-top:100px}          /* עוגנים לא נעצרים מתחת להדר הדביק */
.prod{color:var(--ink)}                  /* כרטיס מוצר קריא גם על נייר כהה */
.prod[hidden]{display:none}              /* סינון: כרטיס מוסתר באמת נעלם */

/* ---------- סנכרון עם מערכת הניהול (15.10.2026): מוסתר, "אזל כרגע", הודעה בסל ובתשלום ---------- */
article[data-id][hidden]{display:none}
.label.sold-tag{position:absolute;z-index:8;top:46%;left:50%;translate:-50% -50%;transform:rotate(-6deg);padding:11px 26px 12px;font-weight:800;font-size:19px;pointer-events:none}
.label.sold-tag>.pp{--paper:var(--cream);--tex:var(--tex-paper);--rimc:var(--cream)}
.sold .plate img,.sold .em-pic img{filter:grayscale(.75) opacity(.6)}
.sold .stk{filter:grayscale(.7) opacity(.7)}
.add:disabled{cursor:not-allowed;color:var(--fade);background:transparent;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 26%,transparent)}
.add:disabled:hover{background:transparent}
.add:disabled:active{transform:none}
.add:disabled svg{display:none}
.sold .em-buy,.sold .em-more{opacity:.45;pointer-events:none}
.pub-note{position:relative;display:grid;gap:8px;margin:0 0 22px;padding:14px 18px 15px;background:var(--tex-kraft),var(--kraft-lt);color:var(--ink);font:500 16px/1.4 var(--font);border-radius:3px;transform:rotate(-.5deg);box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 22%,transparent),0 6px 12px color-mix(in srgb,var(--shade) 12%,transparent)}
.pub-note[hidden]{display:none}
.pub-note p{position:relative;margin:0;padding-inline-start:19px}
.pub-note p::before{content:'';position:absolute;inset-inline-start:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--mango)}
.pub-note p.off::before{background:var(--pink-paper)}
.pub-note b{font-weight:800}

/* ---------- אזור אישי: אייקון עגול ליד הסל, במקום הכפתור הוורוד (15.10.2026) ---------- */
.me{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ink);text-decoration:none;
  background:var(--tex-paper),var(--cream);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 22%,transparent),0 3px 6px color-mix(in srgb,var(--shade) 14%,transparent);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.me:hover,.cart:hover{transform:translateY(-2px)}
.me:hover{box-shadow:inset 0 0 0 1.5px var(--pink-ink),0 6px 12px color-mix(in srgb,var(--shade) 18%,transparent);color:var(--pink-ink)}
.cart{transition:transform .25s var(--ease)}
/* תווית קטנה במעבר עכבר */
.me::after,.cart::after{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;
  font:500 13px/1.2 var(--font);color:var(--cream);background:var(--ink)}
.me::after{content:attr(data-tip)}
.cart::after{content:attr(data-tip)}   /* הטקסט מ-data-tip (market.js: 'אזור אישי' / 'הסל שלי'), כדי שאפשר יהיה לשנות אותו במערכת */
.me:hover::after,.me:focus-visible::after,.cart:hover::after,.cart:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media (max-width:860px){.me{width:42px;height:42px}.me::after,.cart::after{display:none}}

/* ---------- עריכה בלחיצה כפולה (Market.edit, רק בתצוגה המקדימה של מערכת הניהול או ב-?preview=edit) ---------- */
html.ek-on .ek-hover{outline:1.5px dashed color-mix(in srgb,var(--grape) 75%,transparent);outline-offset:3px;cursor:text}
html.ek-on .ek-hover.ek-prod{outline-style:dotted;outline-color:color-mix(in srgb,var(--pink) 80%,transparent);cursor:pointer}
.ek-editing{outline:2px solid var(--grape);outline-offset:3px}
.ek-edit{-webkit-user-select:text;user-select:text;cursor:text;white-space:pre-wrap;outline:none;caret-color:currentColor;pointer-events:auto;background:color-mix(in srgb,var(--lemon) 26%,transparent);border-radius:3px}
.ek-float{position:fixed;z-index:2147483000;box-sizing:border-box;padding:6px 10px;border:2px solid var(--grape);border-radius:8px;background:var(--cream);color:var(--ink);font-family:var(--font);line-height:1.4;white-space:pre-wrap;outline:none;box-shadow:0 6px 20px rgba(0,0,0,.18);-webkit-user-select:text;user-select:text}
.ek-flash,.ek-hint,.ek-note{position:fixed;z-index:2147483000;padding:6px 12px;border-radius:999px;font:500 13px/1.2 var(--font);white-space:nowrap;pointer-events:none;direction:rtl}
.ek-flash{background:var(--green);color:var(--cream);animation:ek-flash 1.5s ease forwards}
@keyframes ek-flash{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0}}
.ek-hint{background:var(--ink);color:var(--cream);opacity:0;transition:opacity .2s}
.ek-hint.show{opacity:.94}
.ek-note{bottom:12px;left:50%;transform:translateX(-50%);background:var(--grape);color:var(--cream);opacity:.92}
.ek-pulse{outline:3px solid var(--pink);outline-offset:4px}

/* ---------- בדיקה לפני עלייה (18.10.2026): נגישות, פרטיות ותקינות ---------- */
/* דלג לתוכן הראשי + עצירת תנועה: מופיעים רק כשמגיעים אליהם במקלדת */
.skip{position:absolute;z-index:200;top:-80px;inset-inline-start:12px;padding:12px 20px;border:0;border-radius:999px;background:var(--ink);color:var(--cream);font:500 17px/1 var(--font);text-decoration:none;cursor:pointer}
.skip:focus{top:12px}
main:focus{outline:none}
/* התפריט הראשי עטוף ב-nav (לקורא מסך), בלי לשנות את הפריסה */
.mnav{display:contents}
/* התחתית: שורת פרטי העסק */
.fbottom .fnap{flex:1 1 100%;margin:0;line-height:1.45}
.fbottom .fnap a{text-decoration:underline;text-underline-offset:3px}
/* הודעה קצרה ליד כל טופס: מה עושים עם הפרטים */
.fnote{display:block;margin-top:10px;font:300 14px/1.45 var(--font);color:var(--fade)}
.fnote a{color:inherit;text-underline-offset:3px}
/* הסכמה לקבל הצעות (לא מסומנת מראש) */
.mkt{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font:300 15px/1.4 var(--font);color:var(--fade);cursor:pointer}
.mkt input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--pink-paper)}
.mkt input[type=checkbox]{width:18px!important;min-width:18px;height:18px!important;padding:0!important;margin:2px 0 0!important;border:0!important;background:none!important}   /* גובר על כללי input של טפסים בעמודים */
/* כשרות: off = בלי שום אזכור · supervision = תווית קטנה בכל כרטיס מוצר (market.js, applyKosher) */
.no-kosher [data-kosher]{display:none!important}
.k-tag{display:block;margin:10px 8px 0;font:500 13px/1.35 var(--font);color:var(--fade)}
.k-tag::before{content:'';display:inline-block;width:9px;height:9px;margin-inline-end:7px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--grape);vertical-align:0}
.ct-info .k-tag,.cd-info .k-tag{margin:4px 0 8px}
/* "עגלה" ו"אזור אישי": Esc סוגר את התווית הקטנה */
.tips-off .me::after,.tips-off .cart::after{opacity:0!important}
/* מטרות לחיצה בטלפון: 44px */
@media (max-width:860px){ .cart,.me,.menu{width:44px;height:44px} }
/* 320px (או זום 400%): שום טקסט לא נחתך */
@media (max-width:860px){ .hero>.wrap,.budget .wrap{grid-template-columns:minmax(0,1fr)} }
@media (max-width:430px){ .label{white-space:normal;max-width:100%} .ln .nm{white-space:normal} .end{gap:8px} }
@media (max-width:1040px){ .pols{flex-wrap:wrap;row-gap:30px} }

/* ---------- שלט ברכה על קאפה: מודפס על לוח קאפה, כמו השלט שעומד מאחורי המגש ---------- */
figure.kapa{border-radius:10px;transform:rotate(-1deg);color:var(--ink);
  background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--pink) 22%,var(--cream)) 0 24%,transparent 24.4%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--mango) 40%,var(--cream)) 0 20%,transparent 20.4%),radial-gradient(circle at 0 0,color-mix(in srgb,var(--green) 26%,var(--cream)) 0 11%,transparent 11.4%),#FFFDF9;
  box-shadow:inset 0 0 0 10px #FFFDF9,inset 0 0 0 12px var(--pink),0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent),0 6px 0 -1px #ECE6DA,0 7px 0 -1px color-mix(in srgb,var(--ink) 20%,transparent),0 34px 40px -10px color-mix(in srgb,var(--shade) 48%,transparent)}
/* השלט עומד מאחורי המגש: המגש (תמונה חתוכה) מכסה את החלק התחתון של הלוח, כמו בצילומים מהאירועים */
figure.kapa.tr-gcard::before{display:none}
figure.kapa:not(.tr-gcard)::before{content:'';display:block;position:absolute;z-index:4;inset:auto;left:50%;bottom:-16px;width:min(400px,calc(100% + 36px));aspect-ratio:1162/500;transform:translateX(-50%);border:0;box-shadow:none;background:url(../img/tray-mazaltov.webp) center bottom/100% auto no-repeat;filter:drop-shadow(0 12px 12px color-mix(in srgb,var(--shade) 34%,transparent));pointer-events:none}
figure.kapa.co-card{padding-bottom:150px}
figure.kapa.ty-card{padding-bottom:190px}
figure.kapa.ty-card::before{width:min(500px,calc(100% + 36px))}
figure.kapa::after{content:'';position:absolute;inset:0;z-index:3;border-radius:10px;pointer-events:none;background:linear-gradient(112deg,transparent 0 36%,rgba(255,255,255,.3) 43%,transparent 52% 100%)}
figure.kapa>.pp,figure.kapa .co-hole,figure.kapa .co-bow,figure.kapa .ty-hole,figure.kapa .ty-bow,figure.kapa .tape,figure.kapa .stamp{display:none}
figure.kapa :is(.co-c-to,.ty-c-to){text-align:center;font-weight:800;color:var(--pink-ink)}
figure.kapa :is(.co-c-to,.ty-c-to)::after{content:'';display:block;width:46px;height:4px;margin:12px auto 0;border-radius:4px;background:var(--pink)}
figure.kapa :is(.co-c-msg,.ty-c-msg,.tr-gc-txt){text-align:center;font-weight:500;color:var(--ink)}
figure.kapa :is(.co-c-from,.ty-c-from,.tr-gc-sign){text-align:center;font-weight:600;color:var(--pink-ink)}
figure.kapa .tr-gc-txt{background:none}
figure.kapa .tr-gc-top{flex-direction:column;gap:8px;border-bottom:0;padding-bottom:4px}
figure.kapa .tr-gc-top span{font-size:13px;padding:3px 12px;border-radius:999px;background:var(--blush);color:var(--pink-ink)}
figure.kapa :is(.co-c-logo,.ty-c-logo){opacity:1;order:-1;margin:0 auto 16px}

/* ---------- עגלה צדית: נפתחת מהצד, ומשם לדף התשלום ---------- */
html.cd-open{overflow:hidden}
.cd-back{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--ink) 58%,transparent);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.cd-open .cd-back{opacity:1;pointer-events:auto}
.cd{position:fixed;z-index:91;top:0;bottom:0;left:0;width:min(440px,100vw);transform:translateX(-106%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s;filter:drop-shadow(10px 0 28px color-mix(in srgb,var(--shade) 45%,transparent));outline:0}
.cd-open .cd{transform:none;visibility:visible;transition:transform .45s var(--ease),visibility 0s}
.cd-in{height:100%;display:flex;flex-direction:column;color:var(--ink);background:var(--tex-paper),var(--cream);
  -webkit-mask:linear-gradient(#000 0 0) left top/calc(100% - 9px) 100% no-repeat,radial-gradient(circle at 0 8px,#000 6px,transparent 6.4px) right top/9px 16px repeat-y;
  mask:linear-gradient(#000 0 0) left top/calc(100% - 9px) 100% no-repeat,radial-gradient(circle at 0 8px,#000 6px,transparent 6.4px) right top/9px 16px repeat-y}
.cd-h{display:flex;align-items:center;gap:12px;padding:24px 26px 16px;border-bottom:2px dashed color-mix(in srgb,var(--ink) 28%,transparent)}
.cd-h h2{flex:none;margin:0;font:800 30px/1 var(--font)}
.cd-n{flex:1;font:500 16px var(--font);color:var(--pink-ink)}
.cd-x{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink);font:500 18px/1 var(--font);cursor:pointer;transition:background .2s}
.cd-x:hover{background:color-mix(in srgb,var(--ink) 16%,transparent)}
.cd-list{flex:1;min-height:0;overflow:auto;list-style:none;margin:0;padding:6px 26px;overscroll-behavior:contain}
.cd-it{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.cd-it.off{opacity:.62}
.cd-pic{width:76px;height:76px;display:grid;place-items:center;border-radius:4px;background:var(--blush)}
.cd-pic img{width:100%;height:100%;object-fit:contain}
.cd-info{display:grid;gap:4px;justify-items:start;min-width:0}
.cd-name{font:500 18px/1.25 var(--font);overflow-wrap:anywhere}
.cd-sub{font:300 15px/1.3 var(--font);color:var(--fade)}
.cd-qty{display:inline-flex;align-items:center;margin-top:6px;border-radius:999px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 35%,transparent)}
.cd-qty button{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ink);font:500 20px/1 var(--font);cursor:pointer}
.cd-qty button:disabled{opacity:.3;cursor:default}
.cd-qty span{min-width:26px;text-align:center;font:500 17px var(--font)}
.cd-side{display:grid;gap:6px;justify-items:end;align-content:start}
.cd-pr{font:800 19px/1.2 var(--font)}
.cd-rm{border:0;background:none;padding:8px 0;color:var(--fade);font:300 14px var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cd-rm:hover{color:var(--pink-ink)}
.cd-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;text-align:center;font:500 20px var(--font)}
.cd-empty p{margin:0}
.cd-f{padding:18px 26px 24px;border-top:2px dashed color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--kraft) 16%,var(--cream))}
.cd-sum{display:flex;justify-content:space-between;align-items:baseline;font:500 19px var(--font)}
.cd-sum b{font:800 32px/1 var(--font)}
.cd-note{margin:6px 0 16px;font:300 14px/1.4 var(--font);color:var(--fade)}
.cd-pay{width:100%}
.cd-more{display:block;margin-top:14px;text-align:center;font:500 16px var(--font);color:var(--ink);text-underline-offset:4px}
.cd [hidden]{display:none!important}
.still .cd,.still .cd-back{transition:none}
@media (max-width:480px){.cd-h{padding:20px 18px 14px}.cd-h h2{font-size:26px}.cd-list{padding:4px 18px}.cd-f{padding:16px 18px 20px}}

/* ---------- כפתור נגישות וההתאמות שלו (js/a11y.js, 18.10.2026) ----------
   הכפתור בצד ימין למטה (וואטסאפ בשמאל). כל התאמה = מחלקה על html. לא מחליף את הנגישות הבסיסית של האתר */
.a11y-btn{position:fixed;z-index:58;bottom:22px;left:22px;width:56px;height:56px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--cream);background:var(--ink);box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--ink) 70%,#000),0 8px 18px color-mix(in srgb,var(--shade) 30%,transparent);transition:transform .2s var(--ease)}
.a11y-btn:hover{transform:translateY(-2px)}
.a11y-btn[aria-expanded="true"]{background:var(--pink-btn)}
.a11y-panel{position:fixed;z-index:2147482000;bottom:90px;left:22px;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow:auto;overscroll-behavior:contain;padding:18px 18px 16px;direction:rtl;text-align:right;color:var(--ink);background:#fffdf9;border-radius:16px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink) 22%,transparent),0 24px 60px rgba(20,40,28,.32);font-family:Arial,'Segoe UI',system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.4}
.a11y-panel[hidden]{display:none}
.a11y-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.a11y-h h2{margin:0;font-size:21px;font-weight:700;line-height:1.2;letter-spacing:0}
.a11y-x{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 8%,#fff);color:var(--ink);font-size:18px;cursor:pointer}
.a11y-size{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:12px;background:color-mix(in srgb,var(--kraft) 20%,#fff)}
.a11y-size>span{flex:1;font-weight:700}
.a11y-size button{min-width:54px;height:44px;border:1.5px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:19px;font-weight:700;cursor:pointer}
.a11y-size button small{font-size:15px}
.a11y-size button[aria-disabled="true"]{opacity:.4;cursor:default}
.a11y-size output{min-width:54px;text-align:center;font-weight:700}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-opt{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 10px;border:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:12px;background:#fff;color:var(--ink);font-family:inherit;font-size:15px;line-height:1.25;text-align:right;cursor:pointer}
.a11y-opt svg{flex:none}
.a11y-opt:hover{border-color:var(--ink)}
.a11y-opt[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.a11y-opt[aria-disabled="true"]{cursor:default}
.a11y-reset{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:999px;background:var(--pink-btn);color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer}
.a11y-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin:14px 0 0}
.a11y-links a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.a11y-note{margin:10px 0 0;font-size:13px;color:color-mix(in srgb,var(--ink) 80%,#fff)}
.a11y-panel :focus-visible{outline:3px solid var(--pink-ink);outline-offset:2px}
@media (max-width:860px){
  .a11y-btn{width:48px;height:48px;bottom:16px;left:16px}
  .a11y-btn svg{width:26px;height:26px}
  .a11y-panel{left:16px;bottom:74px;max-height:calc(100dvh - 96px)}
}
@media (max-width:360px){.a11y-grid{grid-template-columns:1fr}}
@media print{.a11y-btn,.a11y-panel,.a11y-guide{display:none!important}}
/* גודל טקסט (עד 200%): רק בלוקים של טקסט בתוכן ובתחתית, כל אחד פעם אחת (בלי הכפלה בתוך בלוק מוגדל) */
html.a11y-z :is(main,body>footer) :is(p,li,dd,dt,label,legend,figcaption,blockquote,h1,h2,h3,h4,h5,td,th,button,.btn,.link,.note,.lbl,small,.htag,.label,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(:is(p,li,dd,dt,label,legend,figcaption,blockquote,h1,h2,h3,h4,h5,td,th,button,.btn,.link,.note,.lbl,small,.htag,.label) *){zoom:var(--a11y-z,1)}
/* ניגודיות גבוהה, הפוכה (כהה) וגווני אפור: מסנן על השורש (כך שכפתורים צפים נשארים במקום) */
html.a11y-hc{filter:contrast(1.5)}
html.a11y-inv{filter:invert(1) hue-rotate(180deg)}
html.a11y-gray{filter:grayscale(1)}
html.a11y-gray.a11y-hc{filter:grayscale(1) contrast(1.5)}
html.a11y-gray.a11y-inv{filter:grayscale(1) invert(1)}
html.a11y-inv img,html.a11y-inv video{filter:invert(1) hue-rotate(180deg)!important}
/* רקע בהיר: בלי נייר ומרקמים, טקסט כהה על לבן */
html.a11y-light{--tex-grain:none;--tex-light:none;--tex-mottle:none;--tex-fiber:none;--tex-fiber-lt:none;--tex-fleck:none;--tex-cloud:none;background:#fff}
html.a11y-light body{background:#fff!important}
html.a11y-light body :not(svg,svg *,img,.a11y-panel,.a11y-panel *,.a11y-btn,.a11y-btn *,.a11y-guide,.wa,.wa *){background-color:transparent!important;background-image:none!important;color:#111!important;text-shadow:none!important;box-shadow:none!important}
html.a11y-light .pp{display:none!important}
html.a11y-light :is(.btn,.add,input,select,textarea,.co-box,.box,.menu,.cart,.me){border:2px solid #111!important}
html.a11y-light a{color:#0a3a8c!important}
html.a11y-light .hl::after{background:#111!important}
/* הדגשת קישורים וכותרות */
html.a11y-links a:not(.a11y-panel a){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important;outline:2px dashed currentColor;outline-offset:3px}
html.a11y-heads :is(h1,h2,h3,h4):not(.sr){outline:3px solid var(--pink-ink);outline-offset:6px;border-radius:6px}
/* גופן קריא (בלי גופן עיצובי) וריווח אותיות ושורות (WCAG 1.4.12) */
html.a11y-font body :not(svg,svg *){font-family:Arial,Helvetica,'Segoe UI',sans-serif!important}
html.a11y-space body :is(p,li,dd,dt,label,a,button,h1,h2,h3,h4,small,figcaption,blockquote,input,textarea,select,span,b){letter-spacing:.12em!important;word-spacing:.16em!important}
html.a11y-space body :is(p,li,dd,dt,label,figcaption,blockquote,small){line-height:1.8!important}
/* סמן עכבר גדול (שחור עם מסגרת לבנה, ורוד על מה שלוחצים עליו) */
html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M7 3v32l8.5-7.5 5.8 13.5 6-2.6-5.8-13.2 11.5-.2z' fill='%23111' stroke='%23fff' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") 7 3,auto!important}
html.a11y-cursor :is(a,button,label,summary,select,[role=button],[role=radio],[role=checkbox]),html.a11y-cursor :is(a,button,label,[role=button]) *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M7 3v32l8.5-7.5 5.8 13.5 6-2.6-5.8-13.2 11.5-.2z' fill='%23C3324F' stroke='%23fff' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E") 7 3,pointer!important}
/* עצירת תנועה (בנוסף ל-.still הכללי למעלה) */
html.still,html.still *{scroll-behavior:auto!important}
/* הסתרת קישוטים: עלים, פירות, סלוטייפ, חוטים ומרקמי הנייר */
html.a11y-noimg{--tex-grain:none;--tex-light:none;--tex-mottle:none;--tex-fiber:none;--tex-fiber-lt:none;--tex-fleck:none;--tex-cloud:none}
html.a11y-noimg :is(.deco,.tape,svg.twine,svg.tw,.strip,.pp-rim,.pp-shade){display:none!important}
/* סרגל קריאה: פס פתוח שעוקב אחרי העכבר, והשאר מוחשך */
.a11y-guide{position:fixed;z-index:2147481000;left:0;right:0;top:0;height:72px;pointer-events:none;transform:translateY(-300px);box-shadow:0 0 0 100vmax rgba(12,28,18,.45);border-block:3px solid #ffbf00}
/* הדגשת פוקוס מקלדת */
html.a11y-focus :focus-visible{outline:4px solid #ffbf00!important;outline-offset:3px!important;box-shadow:0 0 0 8px #111!important;border-radius:6px}