/* ---------- כללי לעמוד ---------- */
html:not(.still){scroll-behavior:smooth}
main [id]{scroll-margin-top:96px}

/* ---------- 1. פתיחה: מדף מארזים עם תוויות שם ---------- */
.em-hero{position:relative;padding:30px 0 0}
.em-hero>.wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 64px;align-items:end}
.em-copy{position:relative;z-index:6}
.em-h1{font-size:clamp(50px,6.2vw,90px);line-height:1.02;letter-spacing:-.025em;margin:22px 0 0}
.em-h1 .swap{--hl:var(--pink)}
.em-aside{position:relative;z-index:6;padding-bottom:14px}
.em-aside .lead{font-size:var(--fs-lead);line-height:1.5;color:var(--fade);max-width:30ch;margin:0 0 30px}
.em-stamp{--st:132px;top:6px;inset-inline-end:calc(var(--gutter) + 24px);--r:11deg}

.em-row{position:relative;z-index:3;grid-column:1/-1;height:var(--rowh,344px);margin-top:18px;--gh:112px;--sink:24px}
.em-gl{position:absolute;top:0;left:0;right:0;height:var(--gh);pointer-events:none}
.em-gl svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.em-gl path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.em-gl .a{stroke-width:2.8}
.em-gl .b{stroke-width:1.2}
.em-gl .tape{width:48px;height:18px;top:calc(var(--gh)*.1 - 9px)}
.em-gl .tape.e1{right:-30px;--tr:-12deg}
.em-gl .tape.e2{left:-30px;--tr:10deg}
.em-tags{position:absolute;inset:0;pointer-events:none}
.em-tg{position:absolute;z-index:5;left:calc(var(--t)*100%);top:calc(var(--gh)*(.1 + 2*var(--t)*(1 - var(--t))));transform:translateX(-50%);pointer-events:auto}
.em-tg .hang{position:relative;margin-top:calc(var(--tw) - 15px);transform-origin:50% calc(15px - var(--tw))}
.em-tg .htag{font-size:19px;padding:30px 20px 13px;transition:transform .45s var(--spring)}
.em-tg.em-on .htag{transform:scale(1.1)}
.em-heart{position:absolute;z-index:3;top:-9px;inset-inline-start:-13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--pink) 70%,var(--cream)),var(--pink-paper) 52%,color-mix(in srgb,var(--pink-paper) 82%,var(--ink)));
  box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 34%,transparent),0 3px 6px color-mix(in srgb,var(--shade) 20%,transparent);transform:scale(0) rotate(-40deg);transition:transform .5s var(--spring)}
.em-heart svg{width:15px;height:15px}
.em-tg.em-on .em-heart{transform:scale(1) rotate(-12deg)}
@keyframes emNod{0%{transform:rotate(var(--hr))}28%{transform:rotate(calc(var(--hr) + 15deg))}58%{transform:rotate(calc(var(--hr) - 9deg))}82%{transform:rotate(calc(var(--hr) + 3deg))}100%{transform:rotate(var(--hr))}}
@keyframes emWave{0%,100%{transform:rotate(var(--hr))}35%{transform:rotate(calc(var(--hr) + 8deg))}70%{transform:rotate(calc(var(--hr) - 4deg))}}
.js:not(.still) .em-ready .em-tg.em-on .hang{animation:emNod 1.3s var(--ease)}
.js:not(.still) .em-ready .em-tg.em-wave .hang{animation:emWave 1.1s var(--ease) var(--d,0s)}
.js:not(.still) .em-ready .em-tg:hover .hang{animation:emNod 1.1s var(--ease)}

.em-boxes{position:absolute;left:0;right:0;bottom:calc(-1*var(--sink));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.em-bx{position:relative;display:flex;justify-content:center}
.em-bxi{position:relative;z-index:1;display:block;width:var(--bw,84%)}
.em-bx img{display:block;width:100%;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 14px 14px color-mix(in srgb,var(--shade) 28%,transparent))}
.em-bx::after{content:'';position:absolute;left:14%;right:14%;bottom:-10px;height:26px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 50%,transparent),transparent)}
.em-bx:nth-child(2) .em-bxi,.em-bx:nth-child(4) .em-bxi{--bw:86%}
.em-bx:nth-child(3) .em-bxi{--bw:90%}
.em-bx:nth-child(5) .em-bxi{--bw:80%}
/* מדבקת מתנה על הקופסה השחורה (מכסה שארית מהקטלוג בראש התמונה) */
.em-seal{position:absolute;z-index:2;left:51%;top:.6%;width:17%;transform:translateX(-50%) rotate(-12deg);overflow:visible;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 40%,transparent)) drop-shadow(0 3px 5px color-mix(in srgb,var(--shade) 24%,transparent))}
.em-hero .deco{z-index:4}

.js:not(.still) .em-hero:not(.em-ready) .w{animation:wordIn .7s var(--ease) backwards;animation-delay:calc(var(--i)*.12s + .15s)}
.js:not(.still) .em-hero:not(.em-ready) .label{animation:riseIn .7s var(--ease) backwards}
.js:not(.still) .em-hero:not(.em-ready) .hl::after{animation:drawUl .6s var(--ease) backwards 1s}
.js:not(.still) .em-hero:not(.em-ready) .em-aside .lead{animation:riseIn .8s var(--ease) backwards .75s}
.js:not(.still) .em-hero:not(.em-ready) .em-aside .ctas{animation:riseIn .8s var(--ease) backwards .9s}
.js:not(.still) .em-hero:not(.em-ready) .em-stamp{animation:press .6s var(--ease) backwards 2.3s}
.js:not(.still) .em-hero:not(.em-ready) .em-gl svg{animation:stripIn 1.2s var(--ease) backwards .5s}
.js:not(.still) .em-hero:not(.em-ready) .em-gl .tape{animation:tapeOn .4s var(--ease) backwards .45s}
.js:not(.still) .em-hero:not(.em-ready) .em-bx{animation:riseInT .9s var(--ease) backwards;animation-delay:calc(var(--k)*.11s + .3s)}
.js:not(.still) .em-hero:not(.em-ready) .em-tg .hang{animation:swing 1.3s var(--ease) backwards;animation-delay:calc(var(--k)*.12s + 1.05s)}

/* ---------- 2. למה זה פשוט: חבילת קראפט קשורה בחוט ---------- */
.em-why{padding:calc(var(--sp-top) + 34px) 0 var(--sp);color:var(--cream);--hl:var(--cream);--hlu:var(--mango)}
.em-why>.pp{--paper:var(--pink-paper);--tz:74px;--amp:14px;--rimc:color-mix(in srgb,var(--pink) 18%,var(--cream))}
.em-why>.wrap{display:grid;grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:clamp(40px,5vw,84px);align-items:start}
.em-why-h{position:sticky;top:132px;padding-top:24px}
.em-why-h h2{font-size:var(--fs-h2);line-height:1.06;margin:20px 0 22px;max-width:7.4em}
.em-why-h p{font-size:var(--fs-lead);line-height:1.5;max-width:26ch;margin-bottom:22px}
.em-why-h .link{display:inline-block;--ul:var(--mango)}
.em-parcel{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-1.1deg);margin-top:10px}
.em-parcel>.pp{--tz:16px;--amp:5px;--rimc:color-mix(in srgb,var(--kraft) 30%,var(--cream));--pps:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 40%,transparent)) drop-shadow(0 22px 30px color-mix(in srgb,var(--shade) 34%,transparent))}
.em-x{position:absolute;inset:-8px;z-index:0;pointer-events:none}
.em-x svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.em-x path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.em-x .a,.em-bow .a{stroke-width:5}
.em-x .b,.em-bow .b{stroke-width:2;stroke-dasharray:3 4}
.em-bow{position:absolute;z-index:1;left:50%;top:50%;width:132px;margin:-46px 0 0 -66px;overflow:visible;filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 34%,transparent))}
.em-bow path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.em-q{position:relative;z-index:2;padding:46px 46px 50px;min-height:300px;color:var(--ink)}
.em-mark{position:relative;height:118px;margin-bottom:14px;display:flex;align-items:center}
.em-mark .stk{position:relative;--sz:110px;--sr:-10deg}
.em-mark .stk b{font-size:46px;font-weight:500}
.em-mark .stamp{position:relative;inset:auto;--st:118px}
.em-q.q2 .stamp{color:var(--grape);--r:-9deg}
.em-q.q3 .stamp{color:color-mix(in srgb,var(--green) 72%,var(--ink));--r:8deg;opacity:.92}
.em-mark .hang{position:relative;top:0;margin-top:30px;margin-inline-start:12px;--hr:-7deg;--tw:30px}
.em-mark .hang .htag{font-size:19px;padding:30px 22px 14px;background:var(--tex-paper),var(--cream)}
.em-q h3{font-size:var(--fs-h3);line-height:1.2;margin-bottom:10px}
.em-q p{font:500 18px/1.5 var(--font);max-width:28ch}
.em-q .k{display:inline-block;font:800 15px/1 var(--font);color:var(--ink);opacity:.86;margin-bottom:10px;letter-spacing:.04em}
.js:not(.still) .em-q:not(.on) .em-qt{opacity:0}
.js:not(.still) .em-q.on .em-qt{animation:riseIn .8s var(--ease) backwards;animation-delay:calc(var(--k)*.26s + .3s)}
.js:not(.still) .em-q:not(.on) .em-mark>*{opacity:0}
.js:not(.still) .em-q.on .stk{animation:slap .65s var(--spring) backwards;animation-delay:calc(var(--k)*.26s + .1s)}
.js:not(.still) .em-q.on .stamp{animation:press .6s var(--ease) backwards;animation-delay:calc(var(--k)*.26s + .1s)}
.js:not(.still) .em-q.on .hang{animation:swing 1.3s var(--ease) backwards;animation-delay:calc(var(--k)*.26s + .1s)}
.js:not(.still) .em-why:not(.on) .em-parcel{opacity:0}
.js:not(.still) .em-why.on .em-parcel{animation:settle 1s var(--ease) backwards .1s;--rot:-1.1deg}
.js:not(.still) .em-why .em-x svg{clip-path:inset(0 0 0 100%);transition:clip-path 1.4s var(--ease) .5s}
.js:not(.still) .em-why.on .em-x svg{clip-path:inset(0)}
.js:not(.still) .em-why:not(.on) .em-bow{opacity:0}
.js:not(.still) .em-why.on .em-bow{animation:slap .7s var(--spring) backwards 1.5s;--sr:0deg}

/* ---------- 3. המארזים: שלט למעלה, המארז עומד למטה ---------- */
.em-shop{padding:var(--sp-top) 0 var(--sp);--hl:var(--ink);--hlu:var(--pink)}
.em-shop>.pp{--tz:46px;--amp:13px}
.em-shop .label{transform:rotate(1deg)}
.em-shop .head .sub p{color:var(--ink);font-weight:500}
.em-shop .head .sub .link{display:inline-block;margin-top:14px}
.em-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:stretch;padding-top:34px}
.em-card{position:relative;display:flex;flex-direction:column;padding:40px 28px 0;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)}
.em-card:nth-child(1){--rot:-.7deg}
.em-card:nth-child(2){--rot:.5deg;margin:-30px 0 30px}
.em-card:nth-child(3){--rot:-.4deg}
.em-card .hang{top:-30px;inset-inline-end:26px;--hr:6deg;--tw:30px}
.em-card .hang .htag{padding:26px 14px 11px;font-size:15px}
.em-card .hang .htag::after{top:8px}
.em-card h3{font-size:26px;line-height:1.2;margin:0 0 8px;max-width:13ch}
.em-desc{font-size:17px;line-height:1.5;color:var(--fade);margin-bottom:16px;min-height:3em}
.em-buy{padding:14px 0 16px;border-block:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent);margin-bottom:16px}
.em-buy .lbl{margin-bottom:8px}
.em-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.em-sum{font:500 16px/1.35 var(--font);color:var(--fade);text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.em-sum b{display:block;font:800 25px/1.15 var(--font);color:var(--pink-ink);letter-spacing:-.01em}
.em-card .add{margin:0}
.em-more{align-self:center;margin-top:10px;font-size:16px;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.em-more.show{visibility:visible;opacity:1;transform:none}
.em-plate{position:relative;isolation:isolate;margin:16px -28px 0;height:250px;display:flex;align-items:flex-end;justify-content:center;padding:0 22px 28px}
.em-plate>.pp{--tz:28px;--amp:8px;--rimc:var(--cream);--pps:drop-shadow(0 0 1px color-mix(in srgb,var(--shade) 30%,transparent))}
.em-plate::after{content:'';position:absolute;left:14%;right:14%;bottom:16px;height:20px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 42%,transparent),transparent)}
.em-pic{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;max-height:100%}
.em-pic img{max-height:212px;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))}
.em-card.c1 .em-plate>.pp{--paper:var(--blush)}
.em-card.c2 .em-plate>.pp{--paper:var(--mint)}
.em-card.c3 .em-plate>.pp{--paper:var(--sun)}
.em-card.c3 .em-pic{margin-inline:-14px}
.em-card.c3 .em-pic img{max-height:none;width:100%}
.em-band{position:absolute;z-index:2;top:-16px;inset-inline:-3%;display:block;text-align:center;transform:rotate(-2deg)}
.em-plate .stk{--sz:100px;top:-30px;inset-inline-start:-10px;--sr:-11deg}
.em-plate .stk b{font-size:27px}
.em-plate .stk span{font-size:14px}
.em-card:nth-child(2) .em-plate .stk{--sr:9deg}
.em-plate .stamp{--st:108px;top:18px;inset-inline-end:12px;--r:10deg;color:var(--grape)}
.em-shop .note{margin-top:40px;opacity:1}
.js:not(.still) .em-shop:not(.on) .em-card{opacity:0}
.js:not(.still) .em-shop.on .em-card{animation:riseIn .9s var(--ease) backwards;animation-delay:calc(var(--k)*.14s)}
.js:not(.still) .em-shop.on .em-card .hang{animation:swing 1.3s var(--ease) backwards;animation-delay:calc(var(--k)*.14s + .45s)}
.js:not(.still) .em-shop.on .em-plate .stk{animation:slap .65s var(--spring) backwards;animation-delay:calc(var(--k)*.14s + .75s)}
.js:not(.still) .em-shop.on .em-plate .stamp{animation:press .6s var(--ease) backwards;animation-delay:calc(var(--k)*.14s + 1.05s)}

/* סטפר בשפת השוק: שני אסימוני קראפט ופתק מחיר באמצע */
.em-step{display:inline-flex;align-items:center;gap:8px;direction:rtl}
.em-step button{flex:none;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--ink);background:var(--tex-kraft),var(--kraft);
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--kraft-dk) 30%,transparent),inset 0 -3px 0 color-mix(in srgb,var(--kraft-dk) 42%,transparent),0 3px 6px color-mix(in srgb,var(--shade) 22%,transparent);
  transition:transform .25s var(--spring),opacity .2s;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.em-step button svg{width:20px;height:20px}
.em-step button:hover{transform:translateY(-2px) rotate(-8deg)}
.em-step button:active{transform:translateY(1px) scale(.92)}
.em-step button:disabled{opacity:.38;cursor:default;transform:none}
.em-tk{position:relative;isolation:isolate;display:block;width:78px;height:54px}
.em-slip .em-step button{width:52px;height:52px}
.em-slip .em-tk{width:96px;height:60px}
.em-slip .em-n{font-size:32px}
.em-tk::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--tex-grain),var(--sun);
  clip-path:polygon(0 5px,7% 1px,15% 5px,23% 0,31% 4px,39% 1px,47% 5px,55% 0,63% 4px,71% 1px,79% 5px,87% 0,94% 4px,100% 1px,100% calc(100% - 4px),93% 100%,86% calc(100% - 5px),78% calc(100% - 1px),70% calc(100% - 5px),62% 100%,54% calc(100% - 4px),46% calc(100% - 1px),38% calc(100% - 5px),30% 100%,22% calc(100% - 4px),14% calc(100% - 1px),7% calc(100% - 5px),0 100%);
  filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent))}
.em-n{display:block;width:100%;height:100%;border:0;background:transparent;text-align:center;font:800 28px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;padding:0;border-radius:4px}
.em-n:focus{outline:none}
.em-n:focus-visible{outline:3px solid var(--pink-ink);outline-offset:3px}
@keyframes emUp{from{transform:translateY(10px);opacity:.2}}
@keyframes emDn{from{transform:translateY(-10px);opacity:.2}}
.js:not(.still) .em-n.up{animation:emUp .32s var(--ease)}
.js:not(.still) .em-n.dn{animation:emDn .32s var(--ease)}

/* ---------- 4. הזמנה מרוכזת: פתק + קבלה מהודקת ---------- */
.em-bulk{padding:var(--sp-top) 0 var(--sp);color:var(--cream);--hl:var(--pink-soft);--hlu:var(--pink-soft)}
.em-bulk>.pp{--paper:var(--ink);--tz:48px;--amp:14px;--rimc:color-mix(in srgb,var(--green) 36%,var(--cream))}
.em-bulk-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:var(--head-gap)}
.em-bulk-h h2{font-size:var(--fs-h2);line-height:1.06;margin-top:20px;text-wrap:balance}
.em-bulk-h p{font-size:var(--fs-lead);line-height:1.5;color:var(--cream-dim);max-width:30ch;justify-self:end;padding-bottom:8px}
.em-bulk-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px);align-items:start}
.slip.em-slip{transform:rotate(-.7deg);padding:58px 46px 38px;padding-inline-end:calc(46px + 58px)}
.em-slip .slip-head b{font-size:20px}
.em-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 44px}
.em-f{display:block;min-width:0}
.em-slip input:not([type=range]):not(.em-n){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}
.em-slip input::placeholder{color:color-mix(in srgb,var(--ink) 48%,var(--cream));font-weight:300}
.em-slip input:not([type=range]):not(.em-n):focus{border-bottom-color:var(--pink-paper)}
.em-slip input[aria-invalid="true"]{border-bottom-color:var(--pink-ink)!important;background:color-mix(in srgb,var(--pink) 8%,transparent)}
.em-slip input[type=date]{min-height:47px}
.em-msg{display:block;min-height:22px;margin-top:8px;font:500 15px/1.4 var(--font);color:var(--fade)}
.em-msg.bad{color:var(--pink-ink)}
.em-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.em-chips button{border:0;cursor:pointer;background:transparent;font:500 15px/1 var(--font);color:var(--ink);padding:8px 12px;border-radius:99px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 40%,transparent);transition:background .2s,box-shadow .2s}
.em-chips button:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.em-chips button[aria-pressed="true"]{background:var(--ink);color:var(--cream);box-shadow:none}
.em-slip .amt-row{align-items:flex-end}
.em-slip .amount{font-size:clamp(36px,3.4vw,48px)}
.em-slip input[type=range]{margin-top:10px}
.em-fit{margin-top:10px;font:500 15px/1.4 var(--font);color:var(--pink-ink);min-height:21px}
.em-send{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:end;padding:24px 0 0}
.em-slip .btn{width:auto;white-space:nowrap}
.em-slip .err{margin-top:12px}
.em-slip .ok{padding:44px 10px 30px}
.em-slip .ok:focus{outline:none}

.em-rcpt{position:relative;isolation:isolate;z-index:3;margin:84px -54px 0 0;margin-inline-start:-54px;margin-inline-end:0;padding:50px 30px 54px;transform:rotate(2.6deg);color:var(--ink);font:500 16px/1.4 var(--font)}
.em-rcpt>.pp{--paper:color-mix(in srgb,var(--cream) 93%,var(--kraft));--tz:13px;--amp:4px;--rimc:var(--cream);--pps:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 46%,transparent)) drop-shadow(0 20px 26px color-mix(in srgb,var(--shade) 40%,transparent))}
.em-staple{position:absolute;z-index:4;top:18px;inset-inline-start:30px;width:44px;height:9px;border-radius:3px;transform:rotate(-4deg);
  background:linear-gradient(color-mix(in srgb,var(--cream) 78%,var(--ink)),color-mix(in srgb,var(--cream) 46%,var(--ink)));box-shadow:0 1px 0 color-mix(in srgb,var(--cream) 60%,transparent) inset,0 2px 3px color-mix(in srgb,var(--shade) 40%,transparent)}
.em-rh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.em-rh b{font:800 20px/1.2 var(--font)}
.em-rh small{font:500 14px var(--font);color:var(--pink-ink)}
.em-rl{margin:0;padding:10px 0 12px;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 34%,transparent)}
.em-rl>div{display:flex;align-items:baseline;gap:8px;padding:7px 0}
.em-rl dt{flex:none;color:var(--fade)}
.em-rl i{flex:1;min-width:14px;border-bottom:2px dotted color-mix(in srgb,var(--ink) 26%,transparent);transform:translateY(-4px)}
.em-rl dd{margin:0;max-width:62%;text-align:end;font-weight:500;font-variant-numeric:tabular-nums}
.em-rl dd.em-empty{color:var(--fade);font-weight:300}
.em-rt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 0 6px}
.em-rt span{font:500 17px var(--font);color:var(--fade)}
.em-rt b{font:800 44px/1 var(--font);color:var(--pink-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.em-rs{font:500 15px/1.45 var(--font);color:var(--fade);padding-bottom:16px;border-bottom:2px solid var(--ink)}
.em-thx{margin-top:16px;text-align:center;font:500 15px var(--font);color:var(--fade)}
.em-rcpt .stamp{--st:128px;bottom:-38px;inset-inline-end:-30px;--r:-14deg;color:var(--green);opacity:0}
.em-rcpt.em-done .stamp{opacity:.9}
.js:not(.still) .em-rcpt.em-done .stamp{animation:press .6s var(--ease) backwards .2s}
.js:not(.still) .em-bulk:not(.on) .em-slip,.js:not(.still) .em-bulk:not(.on) .em-rcpt{opacity:0}
.js:not(.still) .em-bulk.on .em-slip{animation:riseIn 1s var(--ease) backwards .1s}
.js:not(.still) .em-bulk.on .em-rcpt{animation:settle 1s var(--ease) backwards .55s;--rot:2.6deg}
@keyframes emPop{40%{transform:scale(1.07)}}
.js:not(.still) .em-rt b.pop{animation:emPop .4s var(--ease)}

/* ---------- 5. מנהלים שהזמינו: פתקים על לוח ---------- */
.em-say{padding:var(--sp-top) 0 calc(var(--sp) + 10px);--hl:var(--pink-ink);--hlu:var(--pink-paper)}
.em-say>.pp{--paper:var(--sun);--tz:46px;--amp:13px;--rimc:color-mix(in srgb,var(--mango) 18%,var(--cream))}
.em-say .head .sub p{color:var(--ink)}
.em-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start;padding-top:20px}
.em-note{position:relative;isolation:isolate;margin:0;padding:58px 34px 34px;transform:rotate(var(--rot,0deg))}
.em-note>.pp{--paper:var(--np,var(--cream));--tz:15px;--amp:4.5px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 34%,transparent)) drop-shadow(0 14px 22px color-mix(in srgb,var(--shade) 22%,transparent))}
.em-note .tape{top:-14px;left:50%;margin-left:-58px;--tr:var(--tt,-3deg)}
.em-note blockquote{position:relative;margin:0;font:500 21px/1.48 var(--font);letter-spacing:-.005em;text-wrap:pretty}
.em-note blockquote::before{content:'״';display:block;height:44px;font:800 104px/.9 var(--font);color:var(--pink)}
.em-note.n1{--np:var(--cream);--rot:.8deg;padding:66px 44px 42px}
.em-note.n1 blockquote{font-size:27px;line-height:1.42}
.em-note.n2{--np:var(--blush);--rot:-2.2deg;margin-top:70px;--tt:4deg}
.em-note.n3{--np:var(--mint);--rot:1.8deg;margin-top:104px;--tt:-6deg}
.em-sig{display:flex;align-items:center;gap:12px;margin-top:24px}
.em-sig .dot{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 19px/1 var(--font);color:var(--ink);background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--c) 55%,var(--cream)),var(--c) 58%);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)}
.em-sig b{display:block;font:800 17px/1.3 var(--font)}
.em-sig span{display:block;font:500 15px/1.35 var(--font);color:var(--fade)}
.em-note .stamp{--st:118px;bottom:-40px;inset-inline-end:-26px;--r:-14deg;color:var(--pink-paper)}
.em-say-foot{margin-top:44px}
.em-say .note{opacity:1}
.js:not(.still) .em-say:not(.on) .em-note{opacity:0}
.js:not(.still) .em-say.on .em-note{animation:settle 1s var(--ease) backwards;animation-delay:calc(var(--k)*.16s + .1s)}
.js:not(.still) .em-say.on .em-note .tape{animation:tapeOn .45s var(--ease) backwards;animation-delay:calc(var(--k)*.16s + .8s)}
.js:not(.still) .em-say.on .em-note .stamp{animation:press .6s var(--ease) backwards 1.3s}

/* ---------- 6. להזמנה: תווית מתנה ענקית קשורה למארז ---------- */
.em-end{padding:calc(var(--sp-top) + 20px) 0 0}
.em-end>.pp{--tz:42px;--amp:12px}
.em-end .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,330px);align-items:end;gap:0}
.em-gt{position:relative;z-index:2;margin-bottom:calc(var(--sp) - 10px);transform:rotate(-1.6deg);filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 30%,transparent)) drop-shadow(0 22px 30px color-mix(in srgb,var(--shade) 24%,transparent))}
.em-gt-in{position:relative;padding:clamp(56px,6vw,84px) clamp(40px,5vw,76px) clamp(52px,5.4vw,76px);padding-inline-end:clamp(120px,11vw,160px);color:var(--ink);background:var(--tex-kraft),var(--kraft);
  clip-path:polygon(0 70px,70px 0,100% 0,100% 100%,70px 100%,0 calc(100% - 70px));--hl:var(--ink);--hlu:var(--pink)}
.em-gt-in::after{content:'';position:absolute;top:50%;left:44px;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:color-mix(in srgb,var(--shade) 70%,var(--kraft));box-shadow:0 0 0 7px color-mix(in srgb,var(--kraft) 40%,var(--cream)),inset 0 2px 3px color-mix(in srgb,var(--shade) 80%,transparent)}
.em-gt .label{transform:rotate(1.2deg)}
.em-gt h2{font-size:clamp(40px,5vw,74px);line-height:1.04;margin:22px 0 18px;text-wrap:balance}
.em-gt p{font:500 var(--fs-lead)/1.5 var(--font);max-width:34ch;margin-bottom:34px}
.em-gt .link{--ul:var(--ink)}
.em-cord{position:absolute;z-index:1;top:50%;left:59px;width:250px;height:60px;transform:translate(-100%,-30px);overflow:visible;pointer-events:none}
.em-cord path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.em-cord .a{stroke-width:3}
.em-cord .b{stroke-width:1.3}
.em-end-box{position:relative;z-index:3;align-self:center;margin-bottom:calc(var(--sp) - 10px);display:flex;justify-content:center;transform:rotate(2deg)} /* באמצע הגובה של הפתק, בגובה החור, כמו מתנה שהפתק קשור אליה */
.em-end-box img{position:relative;z-index:1;width:100%;max-width:320px;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 16px 16px color-mix(in srgb,var(--shade) 30%,transparent))}
.em-end-box::after{content:none}
@keyframes emHang{0%{opacity:0;transform:rotate(-9deg) translateY(-40px)}50%{opacity:1}75%{transform:rotate(.2deg)}100%{transform:rotate(-1.6deg)}}
.js:not(.still) .em-end:not(.on) .em-gt,.js:not(.still) .em-end:not(.on) .em-end-box{opacity:0}
.js:not(.still) .em-end.on .em-gt{animation:emHang 1.3s var(--ease) backwards .35s;transform-origin:0 50%}
.js:not(.still) .em-end.on .em-end-box{animation:riseIn 1s var(--ease) backwards .1s}
.js:not(.still) .em-end .em-cord{clip-path:inset(0 0 0 100%);transition:clip-path 1s var(--ease) 1.3s}
.js:not(.still) .em-end.on .em-cord{clip-path:inset(0)}

/* ---------- רספונסיבי ---------- */
@media (max-width:1180px){
  .em-q{padding:40px 34px 44px}
  .em-buy-row{flex-wrap:wrap}
  .em-prods{gap:26px}
  .em-card{padding-inline:22px}
  .em-plate{margin-inline:-22px}
}
@media (max-width:1040px){
  .em-hero>.wrap{grid-template-columns:1fr;gap:10px}
  .em-stamp{--st:110px;top:0}
  .em-aside{padding-bottom:0}
  .em-why>.wrap{grid-template-columns:1fr}
  .em-why-h{position:static;padding-top:0}
  .em-prods{grid-template-columns:1fr 1fr}
  .em-card:nth-child(2){margin:0}
  .em-card:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 13px)}
  .em-bulk-h{grid-template-columns:1fr;gap:16px}
  .em-bulk-h p{justify-self:start}
  .em-bulk-in{grid-template-columns:1fr}
  .slip.em-slip{max-width:760px;width:100%;margin-inline:auto;padding-inline-end:46px}
  .em-rcpt{margin:-26px auto 0;width:min(100%,380px);transform:rotate(2deg)}
  .em-notes{grid-template-columns:1fr 1fr}
  .em-note.n1{grid-column:1/-1;max-width:720px}
  .em-note.n2,.em-note.n3{margin-top:24px}
}
@media (max-width:860px){
  .em-hero{padding-top:12px}
  .em-h1{font-size:var(--fs-h1);margin-top:18px}
  .em-aside .lead{margin-bottom:24px}
  .em-stamp{--st:84px;top:4px;inset-inline-end:var(--gutter)}
  .em-row{--rowh:236px;--gh:70px;--sink:16px;margin-top:30px}
  .em-boxes{grid-template-columns:repeat(3,minmax(0,1fr));left:-4%;right:-4%}
  .em-bx:nth-child(n+4){display:none}
  .em-bx .em-bxi,.em-bx:nth-child(n) .em-bxi{--bw:112%;flex:none}
  .em-tg:nth-child(n+4){display:none}
  .em-tg:nth-child(1){--t:.833!important}
  .em-tg:nth-child(2){--t:.5!important}
  .em-tg:nth-child(3){--t:.167!important}
  .em-tg .htag{font-size:15px;padding:24px 13px 9px}
  .em-tg .htag::after{top:7px;width:8px;height:8px;margin-left:-4px}
  .em-tg .hang{--tw:20px!important}
  .em-heart{width:24px;height:24px;top:-8px;inset-inline-start:-10px}
  .em-heart svg{width:12px;height:12px}
  .em-gl .tape{width:36px;height:14px;top:calc(var(--gh)*.1 - 7px)}
  .em-gl .tape.e1{right:-12px}.em-gl .tape.e2{left:-12px}
  .em-why{padding-top:calc(var(--sp-top) + 16px)}
  .em-why>.pp{--tz:56px;--amp:10px}
  .em-parcel{grid-template-columns:1fr;transform:rotate(-.6deg)}
  .em-x,.em-bow{display:none}
  .em-q{min-height:0;padding:36px 26px 34px}
  .em-q+.em-q::before{content:'';position:absolute;top:-3px;left:-8px;right:-8px;height:6px;border-radius:3px;background:repeating-linear-gradient(to left,var(--kraft-dk) 0 7px,color-mix(in srgb,var(--kraft) 40%,var(--cream)) 7px 10px);box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent)}
  .em-mark{height:104px}
  .em-mark .stk{--sz:96px}
  .em-mark .stk b{font-size:38px}
  .em-mark .stamp{--st:104px}
  .js:not(.still) .em-why.on .em-parcel{--rot:-.6deg}
  .em-prods{grid-template-columns:1fr;gap:58px;padding-top:28px}
  .em-card:nth-child(3){grid-column:auto;width:auto;justify-self:stretch}
  .em-desc{min-height:0}
  .em-plate{height:270px}
  .em-bulk-h h2{margin-top:16px}
  .slip.em-slip{padding:54px 22px 30px;transform:rotate(-.5deg)}
  .em-card.c3 .em-plate{height:auto;padding-top:64px}
  .em-r2{grid-template-columns:1fr;gap:0}
  .em-r2>.em-f+.em-f{margin-top:22px}
  .em-send{grid-template-columns:1fr}
  .em-slip .btn{width:100%}
  .em-rcpt{padding:46px 24px 50px}
  .em-rt b{font-size:38px}
  .em-notes{grid-template-columns:1fr;gap:34px}
  .em-note.n1{padding:60px 28px 36px}
  .em-note.n1 blockquote{font-size:23px}
  .em-note{padding:54px 26px 30px}
  .em-note.n2,.em-note.n3{margin-top:0}
  .em-note .stamp{--st:96px;bottom:-30px;inset-inline-end:-6px}
  .em-end{padding-top:var(--sp-top)}
  .em-end .wrap{grid-template-columns:1fr}
  .em-gt{margin-bottom:30px;transform:rotate(-1deg)}
  .em-gt-in{clip-path:polygon(0 40px,40px 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px));padding:52px 24px 46px;padding-inline-end:24px;padding-bottom:84px}
  .em-gt-in::after{top:auto;bottom:22px;left:50%;margin:0 0 0 -12px;width:24px;height:24px;box-shadow:0 0 0 5px color-mix(in srgb,var(--kraft) 40%,var(--cream)),inset 0 2px 3px color-mix(in srgb,var(--shade) 80%,transparent)}
  .em-gt .ctas{flex-direction:column;align-items:stretch;gap:18px}
  .em-gt .ctas .link{align-self:center}
  .em-cord{left:50%;top:auto;bottom:34px;width:40px;height:200px;transform:translate(-50%,100%)}
  .em-cord path{d:path("M125 2C155 45 95 105 125 148")}
  .em-end-box{width:min(78%,300px);justify-self:center;align-self:end;margin:0 0 -26px;transform:none}
  .em-end-box::after{content:'';position:absolute;left:10%;right:10%;bottom:-12px;height:30px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 52%,transparent),transparent)}
  .js:not(.still) .em-end.on .em-gt{animation:riseIn 1s var(--ease) backwards .1s}
}
/* מטרות לחיצה בטלפון: 44px (נגישות, 18.10.2026) */
@media (max-width:860px){ .em-chips button{min-height:44px} }