/* ===================== עגלה · ct- ===================== */

/* --- התוויות על החוט: שלבי ההזמנה --- */
.ct-flow{position:relative;width:min(100%,540px);justify-self:end;padding:0 0 6px}
.ct-flow .tw{position:absolute;top:0;left:-14px;width:calc(100% + 28px);height:34px;overflow:visible;z-index:3;pointer-events:none}
.ct-flow .tw path{fill:none;stroke-linecap:round}
.ct-flow>.tape{top:-10px;width:44px;height:17px;z-index:4}
.ct-flow>.tape.l{left:-30px;--tr:-12deg}
.ct-flow>.tape.r{right:-30px;--tr:10deg}
.ct-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ct-flow li{display:flex;justify-content:center;padding-top:calc(var(--y) - 13px)}
.ct-fh{display:block;transform-origin:50% 13px;transform:rotate(var(--hr,-3deg));filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 7px 10px color-mix(in srgb,var(--shade) 14%,transparent))}
.ct-ftag{position:relative;display:block;min-width:104px;padding:27px 14px 12px;text-align:center;text-decoration:none;font:500 15px/1.2 var(--font);color:var(--ink);background:var(--tex-kraft),var(--kraft);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%,0 15px)}
.ct-ftag::after{content:'';position:absolute;top:8px;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)}
.ct-ftag b{display:block;font-weight:800;font-size:19px;line-height:1;margin-bottom:5px}
.ct-flow .now .ct-ftag{background:var(--tex-paper),var(--pink-paper);color:var(--cream);padding-top:30px;padding-bottom:14px;min-width:116px}
.ct-flow .now .ct-ftag::after{background:color-mix(in srgb,var(--shade) 60%,var(--pink-paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--pink) 34%,var(--cream)),inset 0 1px 2px color-mix(in srgb,var(--shade) 80%,transparent)}
.ct-flow .next .ct-ftag{background:var(--tex-kraft),var(--kraft-lt)}
.ct-flow .done .ct-ftag{color:var(--ink)}
.ct-flow .done .ct-ftag b{color:var(--green)}
a.ct-ftag:hover{filter:brightness(1.05)}

/* --- 1. פתיחה --- */
.ct-top{position:relative;padding:40px 0 150px}
.ct-top>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:40px;align-items:end}
.ct-top h1{font-size:clamp(46px,5.1vw,78px);line-height:1.05;letter-spacing:-.025em;margin:22px 0 22px}
.ct-lead{font-size:var(--fs-lead);line-height:1.5;color:var(--fade);max-width:36ch}

/* --- 2. הדלפק --- */
.ct-desk{padding:0 0 var(--sp)}
.ct-desk>.pp{--tz:46px;--amp:13px}
.ct-desk>.wrap{display:flow-root}
.ct-desk.is-empty>.pp{--paper:var(--mint);--tex:var(--tex-paper);--rimc:color-mix(in srgb,var(--kiwi) 14%,var(--cream))}
.ct-grid{--ct-cols:128px minmax(0,1fr) 150px 118px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,392px);gap:60px 56px;align-items:start;margin-top:-108px}
.ct-grid[hidden],.ct-empty[hidden],.ct-more[hidden]{display:none}
.ct-rcpt{grid-column:1;grid-row:1}
.ct-sum{grid-column:2;grid-row:1/span 2}
.ct-more{grid-column:1;grid-row:2}

/* הקבלה */
.ct-rcpt{position:relative;isolation:isolate;padding:54px 44px 44px;--rot:-.5deg;transform:rotate(var(--rot))}
.ct-rcpt>.pp{--paper:var(--cream);--tz:18px;--amp:5.5px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 30%,transparent)) drop-shadow(0 18px 26px color-mix(in srgb,var(--shade) 24%,transparent))}
.ct-rcpt>.tape{top:-12px;inset-inline-start:52px;--tr:-4deg}
.ct-rcpt>.tape.t2{inset-inline-start:auto;inset-inline-end:52px;--tr:5deg}
.ct-rcpt .slip-head b{font-size:22px}
.ct-cols{display:grid;grid-template-columns:var(--ct-cols);gap:26px;padding:16px 0 12px;font:500 14px/1 var(--font);color:var(--fade);letter-spacing:.02em;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent)}
.ct-cols span:first-child{grid-column:1/3}
.ct-cols span:nth-child(2){text-align:center}
.ct-cols span:last-child{text-align:end}
.ct-list{list-style:none;margin:0;padding:0}
.ct-row{display:grid;grid-template-columns:var(--ct-cols);gap:26px;align-items:center;padding:24px 0;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent)}
.ct-chip{position:relative;isolation:isolate;height:100px;display:flex;align-items:flex-end;justify-content:center;padding:0 4px 12px}
.ct-chip>.pp{--tz:12px;--amp:3.4px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 4px 6px color-mix(in srgb,var(--shade) 12%,transparent))}
.ct-chip.ct-blush>.pp{--paper:var(--blush)}
.ct-chip.ct-mint>.pp{--paper:var(--mint)}
.ct-chip.ct-sun>.pp{--paper:var(--sun)}
.ct-chip::after{content:'';position:absolute;left:12%;right:12%;bottom:7px;height:12px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 40%,transparent),transparent)}
.ct-chip img{position:relative;z-index:1;width:auto;max-width:138%;max-height:118px;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 6px 6px color-mix(in srgb,var(--shade) 26%,transparent))}
.ct-chip.ct-cut img{-webkit-mask:linear-gradient(to bottom,transparent 4%,var(--ink) 34%);mask:linear-gradient(to bottom,transparent 4%,var(--ink) 34%)}
.ct-info{min-width:0}
.ct-info h3{font-size:23px;line-height:1.2;margin-bottom:8px}
.ct-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:500 16px/1.2 var(--font);color:var(--fade);margin-bottom:8px}
.ct-ppl{display:inline-block;padding:5px 12px 6px 10px;font-size:14px;color:var(--ink);background:var(--tex-kraft),var(--kraft-lt);clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);transform:rotate(-1.5deg)}
.ct-rm{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;cursor:pointer;font:500 15px/1 var(--font);color:var(--pink-ink)}
.ct-rm:hover span{text-decoration:underline;text-underline-offset:3px}
.ct-qty{justify-self:center;display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--ink);background:color-mix(in srgb,var(--cream) 60%,transparent)}
.ct-qty:focus-within{box-shadow:inset 0 0 0 2px var(--pink-ink),0 0 0 3px color-mix(in srgb,var(--pink) 18%,transparent)}
.ct-qb{width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,transform .15s}
.ct-qb:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.ct-qb:active{transform:scale(.9)}
.ct-qb:disabled{opacity:.3;cursor:default;background:none;transform:none}
.ct-qi{width:46px;border:0;background:transparent;text-align:center;font:800 22px/1 var(--font);color:var(--ink);font-variant-numeric:tabular-nums;padding:6px 0;border-radius:4px}
.ct-qi:focus{outline:none}
.ct-price{text-align:end;overflow:hidden}
.ct-price b{display:block;font:800 25px/1.1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ct-price small{display:block;margin-top:6px;font:500 14px var(--font);color:var(--fade);white-space:nowrap}
.ct-gone{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;padding:20px 4px;border-bottom:1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent);font:500 17px/1.3 var(--font);color:var(--fade)}
.ct-gone s{color:var(--ink);text-decoration-thickness:2px;text-decoration-color:var(--pink-ink)}
.ct-gone button{border:0;background:linear-gradient(var(--pink),var(--pink)) 0 100%/100% 2px no-repeat;padding:2px 0 4px;cursor:pointer;font:500 17px/1 var(--font);color:var(--ink)}
.ct-gone::after{content:'';position:absolute;inset-inline:0;bottom:-1.5px;height:2px;background:var(--pink-paper);transform-origin:100% 50%;animation:ctTimer 9s linear forwards}
.ct-rfoot{display:flex;align-items:baseline;gap:12px;padding:24px 0 0;font:500 18px var(--font)}
.ct-rfoot i{flex:1;border-bottom:2px dotted color-mix(in srgb,var(--ink) 32%,transparent)}
.ct-rfoot b{font:800 27px/1 var(--font);font-variant-numeric:tabular-nums}
.ct-bye{margin-top:30px;text-align:center;font:500 15px/1.4 var(--font);color:var(--fade);letter-spacing:.02em}
.ct-rcpt>.stamp{--st:116px;bottom:-30px;inset-inline-end:22px;--r:-14deg}
.ct-rcpt>.pub-note{margin:6px 0 4px}
/* מגש שהוסתר או אזל במערכת הניהול: נשאר בקבלה, מסומן, ולא ממשיכים לתשלום עד שמסירים */
.ct-row.ct-off .ct-chip img{filter:grayscale(.8) opacity(.55)}
.ct-row.ct-off h3{color:var(--fade)}
.ct-row.ct-off .ct-price b{color:var(--fade);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--pink-ink)}
.ct-na{display:inline-block;margin:0 0 8px;padding:4px 12px 5px;font:500 15px/1.2 var(--font);color:var(--cream);background:var(--tex-paper),var(--pink-paper);border-radius:2px;transform:rotate(-1.5deg)}
#ct-go.off{opacity:.5;cursor:not-allowed}
.ct-block{margin:14px 0 0;font:500 15px/1.4 var(--font);color:var(--mango);text-align:center}
.ct-block[hidden]{display:none}

/* פתק הסיכום */
.ct-sum{position:sticky;top:112px;isolation:isolate;padding:58px 36px 40px;color:var(--cream);--rot:1deg;transform:rotate(var(--rot))}
.ct-sum>.pp{--paper:var(--ink);--tz:16px;--amp:5px;--rimc:color-mix(in srgb,var(--green) 34%,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) 30%,transparent))}
.ct-sum>.tape{top:-13px;left:50%;margin-left:-58px;--tr:3deg}
.ct-sum .label{transform:rotate(1.4deg)}
.ct-lines{margin:20px 0 0}
.ct-lines>div{display:flex;align-items:baseline;gap:10px;padding:9px 0;font:500 17px/1.3 var(--font)}
.ct-lines dt{color:var(--cream-dim)}
.ct-lines dt small{font-size:14px}
.ct-lines i{flex:1;border-bottom:2px dotted color-mix(in srgb,var(--cream) 30%,transparent)}
.ct-lines dd{margin:0;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}
.ct-total{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 12px;margin-top:10px;padding-top:18px;border-top:2px solid var(--cream)}
.ct-total span{font:500 18px/1.2 var(--font);color:var(--cream-dim);padding-bottom:7px;white-space:nowrap}
.ct-total b{font:800 50px/1 var(--font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ct-meter{margin:26px 0 28px;padding:16px 18px 14px;border:1.5px dashed color-mix(in srgb,var(--cream) 32%,transparent);border-radius:6px}
.ct-m-txt{min-height:24px;font:500 17px/1.35 var(--font);margin-bottom:16px}
.ct-m-txt b{color:var(--mango);font-weight:800}
.ct-track{position:relative;height:10px;margin-inline:6px;border-radius:99px;background:repeating-linear-gradient(to left,color-mix(in srgb,var(--cream) 30%,transparent) 0 1.5px,transparent 1.5px 18px),color-mix(in srgb,var(--cream) 13%,transparent)}
.ct-fill{position:absolute;inset-block:0;inset-inline-start:0;width:calc(var(--p,0)*100%);border-radius:inherit;background:var(--mango);transition:width .8s var(--ease)}
.ct-mark{position:absolute;top:50%;inset-inline-start:calc(var(--p,0)*100%);width:34px;height:34px;margin-top:-17px;margin-inline-start:-17px;transition:inset-inline-start .8s var(--ease);filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--shade) 50%,transparent))}
.ct-mark svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(calc(var(--p,0)*-300deg));transition:transform .8s var(--ease)}
.ct-m-scale{display:flex;justify-content:space-between;margin-top:14px;font:500 13px var(--font);color:var(--cream-dim)}
.ct-sum .btn{width:100%;font-size:20px;padding:21px 30px}
.ct-sum .link{--ul:var(--mango);display:table;margin:18px auto 0;font-size:17px}
.ct-ticks{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1.5px dashed color-mix(in srgb,var(--cream) 26%,transparent);display:grid;gap:12px;font:500 16px/1.3 var(--font);color:var(--cream-dim)}
.ct-ticks li{display:flex;align-items:center;gap:11px}
.ct-ticks svg{flex:none}
.ct-sum .note{display:block;margin-top:20px;color:var(--cream-dim);opacity:1;font-size:14px;text-align:center}
.ct-free{--sz:94px;top:-34px;inset-inline-end:-30px;--sr:14deg;opacity:0;transform:rotate(var(--sr)) scale(.4);transition:opacity .2s,transform .5s var(--spring);pointer-events:none}
.ct-free b{font-size:25px}
.ct-free span{font-size:12px;margin-top:2px}
.ct-free.on{opacity:1;transform:rotate(var(--sr)) scale(1);pointer-events:auto}
.ct-sum .sr{color:var(--ink)}

/* אולי תאהבו גם */
.ct-more{padding-top:10px}
.ct-more-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:46px}
.ct-more-h h2{font-size:clamp(30px,2.8vw,40px);line-height:1.1;margin-top:16px}
.ct-more{--hl:var(--ink);--hlu:var(--pink)}
.ct-more-h .note{opacity:1;font-weight:500;padding-bottom:6px}
.ct-minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.ct-mini{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:16px 16px 18px;transform:rotate(var(--rot,0deg));transition:opacity .4s var(--ease),transform .4s var(--ease)}
.ct-mini:nth-child(1){--rot:-1.2deg}.ct-mini:nth-child(2){--rot:.8deg}.ct-mini:nth-child(3){--rot:-.5deg}
.ct-mini>.pp{--paper:var(--cream);--tz:10px;--amp:3px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 10px 16px color-mix(in srgb,var(--shade) 18%,transparent))}
.ct-mini .ct-chip{height:128px;margin-bottom:16px}
.ct-mini .ct-chip img{max-height:150px}
.ct-mini h3{font-size:19px;line-height:1.25;margin:0 4px 4px}
.ct-mini p{font:500 14px/1.3 var(--font);color:var(--fade);margin:0 4px 16px}
.ct-mini .stk{--sz:64px;top:-16px;inset-inline-end:-14px;--sr:10deg}
.ct-mini .stk b{font-size:17px}
.ct-mini-b{display:flex;flex-direction:column;flex:1}
.ct-mini .add{margin:auto 0 0;padding:12px 14px;font-size:16px}
.ct-mini.bye{opacity:0;transform:rotate(var(--rot)) translateY(-14px) scale(.96)}

/* --- 3. סל ריק --- */
.ct-empty{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center;margin-top:-34px;padding-bottom:10px}
.ct-is-empty .ct-top{padding-bottom:84px}
.ct-undo:empty{display:none}
.ct-undo{position:relative;z-index:5;display:grid;gap:10px;margin-bottom:26px}
.ct-undo .ct-gone{background:var(--tex-paper),var(--cream);border:0;border-radius:3px;padding:16px 20px;box-shadow:0 1px 1px color-mix(in srgb,var(--shade) 22%,transparent),0 8px 14px color-mix(in srgb,var(--shade) 14%,transparent);overflow:hidden}
.ct-undo .ct-gone::after{bottom:0}
.ct-aisles{display:grid;gap:34px;align-content:start;padding-top:0}
.ct-aisle{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 200px 46px;align-items:center;gap:22px;min-height:150px;padding:24px 30px 24px 22px;text-decoration:none;color:var(--ink);transform:rotate(var(--rot));transition:transform .35s var(--ease)}
.ct-aisle.a1{--rot:-1deg}.ct-aisle.a2{--rot:.8deg}
.ct-aisle:hover{transform:rotate(0deg) translateY(-4px)}
.ct-aisle>.pp{--tz:14px;--amp:4px;--rimc:var(--cream);--pps:drop-shadow(0 1px 1px color-mix(in srgb,var(--shade) 26%,transparent)) drop-shadow(0 12px 18px color-mix(in srgb,var(--shade) 20%,transparent))}
.ct-aisle.a1>.pp{--paper:var(--blush)}
.ct-aisle.a2>.pp{--paper:var(--sun)}
.ct-aisle.a2 .ct-a-k,.ct-aisle.a2 .ct-a-s{color:var(--ink)}
.ct-aisle img{width:100%;margin:-58px 0 -8px;filter:saturate(1.12) contrast(1.05) brightness(1.03) drop-shadow(0 12px 12px color-mix(in srgb,var(--shade) 28%,transparent));transition:transform .4s var(--ease)}
.ct-aisle:hover img{transform:translateY(-6px) rotate(-1.5deg)}
.ct-a-k{display:block;font:500 15px var(--font);color:var(--fade);margin-bottom:6px}
.ct-aisle b{display:block;font:800 30px/1.1 var(--font);margin-bottom:8px}
.ct-a-s{display:block;font:300 17px/1.45 var(--font);color:var(--fade)}
.ct-a-go{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--cream);font:500 22px/1 var(--font);transition:transform .3s var(--ease)}
.ct-aisle:hover .ct-a-go{transform:translateX(-6px)}
.ct-aisles>.link{justify-self:start;margin-inline-start:24px;font-size:18px}

/* השקית: דופן קדמית, צד, פנים כהה ושתי ידיות. הקואורדינטות בתוך קופסה של 260x340 */
.ct-bag{position:relative;justify-self:center;width:260px;height:340px;margin-top:-90px}
.ct-bag::after{content:'';position:absolute;z-index:0;left:-14%;right:-22%;bottom:-20px;height:46px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--shade) 44%,transparent),transparent)}
.ct-bi,.ct-bs,.ct-bf{position:absolute;inset:0}
.ct-bi{z-index:1;background:linear-gradient(172deg,color-mix(in srgb,var(--shade) 30%,transparent),color-mix(in srgb,var(--shade) 62%,transparent) 80%),var(--tex-kraft),var(--kraft-dk)}
.ct-hd{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ct-hd path{fill:none;stroke-linecap:round}
.ct-hd.back{z-index:2}
.ct-hd.back .a{stroke:color-mix(in srgb,var(--kraft-dk) 72%,var(--shade));stroke-width:4.6}
.ct-hd.back .b{stroke:color-mix(in srgb,var(--kraft) 55%,var(--kraft-dk));stroke-width:1.6;stroke-dasharray:3 4}
.ct-hd.front{z-index:6}
.ct-hd.front .a{stroke:var(--kraft-dk);stroke-width:5}
.ct-hd.front .b{stroke:color-mix(in srgb,var(--kraft) 42%,var(--cream));stroke-width:1.8;stroke-dasharray:3 4}
.ct-hd circle{fill:color-mix(in srgb,var(--shade) 72%,var(--kraft));stroke:color-mix(in srgb,var(--kraft) 46%,var(--cream));stroke-width:3}
.ct-bag-leaf{position:absolute;z-index:3;top:34px;left:104px;width:50px;transform:rotate(-18deg);filter:drop-shadow(0 3px 3px color-mix(in srgb,var(--shade) 34%,transparent))}
.ct-bag-leaf svg,.ct-bag-fall svg{display:block;width:100%;height:auto;overflow:visible}
.ct-bs{z-index:4;background:linear-gradient(90deg,transparent 90.6%,color-mix(in srgb,var(--cream) 18%,transparent) 91%,transparent 91.6%),linear-gradient(90deg,color-mix(in srgb,var(--shade) 40%,transparent) 82%,color-mix(in srgb,var(--shade) 22%,transparent) 100%),var(--tex-kraft),var(--kraft)}
.ct-bf{z-index:5;background:linear-gradient(90deg,color-mix(in srgb,var(--cream) 16%,transparent),transparent 18%,transparent 70%,color-mix(in srgb,var(--shade) 16%,transparent) 82.3%),
    linear-gradient(to bottom,transparent 36%,color-mix(in srgb,var(--shade) 16%,transparent) 37.5%,transparent 46%,transparent 86%,color-mix(in srgb,var(--shade) 18%,transparent) 87%,transparent 88.4%,transparent 96%,color-mix(in srgb,var(--shade) 22%,transparent)),
    var(--tex-kraft),var(--kraft)}
.ct-bag .stamp{z-index:7;--st:112px;top:214px;left:12px;--r:-10deg;color:var(--pink-paper);opacity:.82}
.ct-bag-fall{position:absolute;z-index:8;top:-34px;left:-70px;width:46px;transform:rotate(58deg);filter:drop-shadow(0 6px 6px color-mix(in srgb,var(--shade) 26%,transparent))}
.ct-bag .hang{z-index:9;top:124px;left:110px;--hr:6deg;--tw:44px}
.ct-bag .hang .htag{white-space:normal;width:140px;font-size:17px;padding:30px 14px 15px}

/* --- תנועה --- */
@keyframes ctTimer{to{transform:scaleX(0)}}
@keyframes ctTick{from{opacity:0;transform:translateY(-.55em)}}
@keyframes ctOut{to{opacity:0;transform:translateX(40px) rotate(-2deg)}}
@keyframes ctDrop{from{opacity:0;transform:translateY(-70px) rotate(-6deg)}70%{opacity:1}}
.js:not(.still) .ct-top .w{display:inline-block;animation:wordIn .7s var(--ease) backwards;animation-delay:calc(var(--i)*.12s + .12s)}
.js:not(.still) .ct-top .label{animation:riseIn .7s var(--ease) backwards}
.js:not(.still) .ct-top .hl::after{animation:drawUl .6s var(--ease) backwards 1.05s}
.js:not(.still) .ct-top .ct-lead{animation:riseIn .8s var(--ease) backwards .8s}
.js:not(.still) .ct-flow .ct-fh{animation:swing 1.3s var(--ease) backwards;animation-delay:calc(var(--k)*.12s + .5s)}
.js:not(.still) .ct-desk:not(.on) .ct-rcpt,.js:not(.still) .ct-desk:not(.on) .ct-sum{opacity:0}
.js:not(.still) .ct-desk.on .ct-rcpt{animation:settle 1s var(--ease) backwards .1s}
.js:not(.still) .ct-desk.on .ct-sum{animation:settle 1s var(--ease) backwards .28s}
.js:not(.still) .ct-desk.on .ct-rcpt>.stamp{animation:press .6s var(--ease) backwards 1.3s}
.js:not(.still) .ct-row.ct-new{animation:riseIn .65s var(--ease) backwards;animation-delay:calc(var(--k,0)*.1s + .35s)}
.js:not(.still) .ct-row.ct-out{animation:ctOut .26s var(--ease) forwards}
.js:not(.still) .ct-price b.tick{animation:ctTick .35s var(--ease)}
.js:not(.still) .ct-free.on.slap{animation:slap .6s var(--spring)}
.js:not(.still) .ct-mini.ct-new{animation:riseIn .7s var(--ease) backwards;animation-delay:calc(var(--k,0)*.12s + .2s)}
.js:not(.still) .ct-empty.ct-new .ct-bag{animation:ctDrop .9s var(--ease) backwards .1s}
.js:not(.still) .ct-empty.ct-new .ct-bag-leaf{animation:fallIn .9s var(--ease) backwards .7s}
.js:not(.still) .ct-empty.ct-new .ct-bag .hang{animation:swing 1.4s var(--ease) backwards .9s}
.js:not(.still) .ct-empty.ct-new .ct-bag .stamp{animation:press .6s var(--ease) backwards 1.2s}
.js:not(.still) .ct-empty.ct-new .ct-aisle{animation:riseIn .8s var(--ease) backwards;animation-delay:calc(var(--k,0)*.14s + .25s)}
.still .ct-gone::after{display:none}

/* --- רספונסיבי --- */
@media (max-width:1180px){
  .ct-grid{--ct-cols:110px minmax(0,1fr) 142px 108px;grid-template-columns:minmax(0,1fr) minmax(0,350px);gap:56px 40px}
  .ct-rcpt{padding-inline:32px}
  .ct-sum{padding-inline:28px}
}
@media (max-width:1040px){
  .ct-top>.wrap{grid-template-columns:1fr;gap:34px}
  .ct-flow{justify-self:start}
  .ct-grid{grid-template-columns:1fr;max-width:760px;margin-inline:auto}
  .ct-rcpt,.ct-sum,.ct-more{grid-column:1;grid-row:auto}
  .ct-sum{position:relative;top:auto;max-width:560px;width:100%;justify-self:center}
  .ct-empty{grid-template-columns:1fr;max-width:640px;margin-inline:auto;gap:30px}
  .ct-bag{order:-1}
  .ct-aisles{padding-top:10px}
  .ct-bag{margin-top:-40px}
}
@media (max-width:860px){
  .ct-top{padding:22px 0 96px}
  .ct-top h1{margin:18px 0 16px}
  .ct-flow{width:100%;margin-top:6px}
  .ct-flow>.tape.l{left:-12px}.ct-flow>.tape.r{right:-12px}
  .ct-flow .tw{left:0;width:100%}
  .ct-ftag{min-width:0;padding:25px 8px 10px;font-size:13px}
  .ct-ftag b{font-size:17px}
  .ct-flow .now .ct-ftag{min-width:0;padding:27px 10px 12px}
  .ct-grid{margin-top:-66px;gap:44px}
  .ct-rcpt{padding:46px 18px 40px}
  .ct-rcpt .slip-head img{height:28px}
  .ct-cols{display:none}
  .ct-row{grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"chip info info" "qty qty price";gap:14px 14px;padding:20px 0}
  .ct-row .ct-chip{grid-area:chip;height:74px;padding-bottom:9px}
  .ct-row .ct-chip img{max-height:86px}
  .ct-info{grid-area:info}
  .ct-info h3{font-size:20px;margin-bottom:6px}
  .ct-meta{font-size:15px;gap:6px 10px;margin-bottom:2px}
  .ct-qty{grid-area:qty;justify-self:start}
  .ct-price{grid-area:price;align-self:center}
  .ct-price b{font-size:22px}
  .ct-rfoot b{font-size:24px}
  .ct-rcpt>.stamp{--st:88px;bottom:-34px;inset-inline-end:10px}
  .ct-bye{text-align:start;padding-inline-end:84px;margin-top:22px}
  .ct-sum{padding:54px 22px 36px}
  .ct-total b{font-size:46px}
  .ct-free{--sz:80px;inset-inline-end:-10px;top:-30px}
  .ct-free b{font-size:21px}
  .ct-more-h{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:28px}
  .ct-minis{grid-template-columns:1fr;gap:20px}
  .ct-mini{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:14px}
  .ct-mini .ct-chip{height:96px;margin:0}
  .ct-mini .ct-chip img{max-height:110px}
  .ct-mini p{margin-bottom:10px}
  .ct-mini .add{align-self:flex-start;padding:10px 16px;font-size:15px}
  .ct-mini .stk{--sz:56px;top:-14px;inset-inline-end:auto;inset-inline-start:-8px}
  .ct-mini .stk b{font-size:15px}
  .ct-empty{margin-top:-30px}
  .ct-is-empty .ct-top{padding-bottom:56px}
  .ct-bag{transform:scale(.74);transform-origin:50% 100%;margin-block:-50px -10px}
  .ct-aisle{grid-template-columns:minmax(0,1fr) 112px;padding:22px 18px;gap:14px}
  .ct-aisle img{margin:-40px 0 -6px}
  .ct-a-go{display:none}
  .ct-aisle b{font-size:24px}
  .ct-a-s{font-size:16px}
  .ct-aisles>.link{margin-inline-start:6px}
}
@media (max-width:430px){
  .ct-flow ol{gap:3px}
  .ct-ftag{font-size:12.5px;padding-inline:5px}
}
/* מטרות לחיצה בטלפון: 44px (נגישות, 18.10.2026) */
@media (max-width:860px){ .ct-qb{width:44px;height:44px} }