/* ירוק ירוק — side cart (Click-In woo-cart, re-skinned) */
#yyc{--c-dark:#104F2A;--c-deep:#0B3A1F;--c-green:#66A11F;--c-lime:#C9E36B;--c-tile:#F3F2EE;--c-soft:#EEF3E6;--c-ink:#18231C;--c-mut:#7C857F;--c-line:#ECE9E1;
  position:fixed;top:0;right:0;z-index:100002;width:410px;max-width:94vw;height:100%;background:#fff;display:flex;flex-direction:column;font-family:Rubik,sans-serif;direction:rtl;
  transform:translateX(105%);transition:transform .42s cubic-bezier(.22,.9,.3,1);box-shadow:-18px 0 50px rgba(11,58,31,.18);border-radius:0 0 0 28px;outline:none}
#yyc.open{transform:none}
#yyc-overlay{position:fixed;inset:0;z-index:100001;background:rgba(11,58,31,.35);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
/* the blur exists only while open — a hidden full-screen backdrop-filter still costs paint on every scroll frame */
#yyc-overlay.open{opacity:1;visibility:visible;backdrop-filter:blur(3px);transition:opacity .35s}
.yyc-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;background:var(--c-dark);color:#fff}
.yyc-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}
.yyc-title svg{width:22px;height:22px;fill:none;stroke:var(--c-lime);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.yyc-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--c-lime);color:var(--c-deep);font-size:13px;font-weight:700;display:grid;place-items:center}
.yyc-close{flex:0 0 36px;width:36px;min-width:36px;height:36px;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:24px!important;line-height:1;padding:0!important;cursor:pointer;transition:background-color .2s,transform .2s}
.yyc-close:hover{background:rgba(255,255,255,.24)!important;transform:rotate(90deg)}
.yyc-body{flex:1;overflow-y:auto;padding:6px 18px;overscroll-behavior:contain}
.yyc-item{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--c-line);animation:yyc-in .35s ease both}
@keyframes yyc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.yyc-item.is-leaving{animation:yyc-out .28s ease forwards}
@keyframes yyc-out{to{opacity:0;transform:translateX(-24px);height:0;padding:0;margin:0}}
.yyc-thumb{width:76px;height:76px;border-radius:16px;background:var(--c-tile);display:grid;place-items:center;overflow:hidden}
.yyc-thumb img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.05)}
.yyc-mid{min-width:0;display:flex;flex-direction:column;gap:6px}
.yyc-name{font-size:15px;font-weight:600;color:var(--c-ink);line-height:1.3;text-decoration:none}
.yyc-per{font-size:12.5px;color:var(--c-mut)}
.yyc-step{display:inline-flex;align-items:center;gap:2px;background:var(--c-soft);border-radius:999px;padding:3px;width:max-content}
.yyc-step button{flex:0 0 28px;width:28px;height:28px;border-radius:50%!important;border:0!important;background:#fff!important;color:var(--c-dark)!important;font-size:17px!important;line-height:1;padding:0!important;cursor:pointer;box-shadow:0 1px 3px rgba(16,79,42,.18);transition:transform .15s,background-color .2s,color .2s}
.yyc-step button:hover{background:var(--c-dark)!important;color:#fff!important}
.yyc-step button:active{transform:scale(.85)}
.yyc-step output{min-width:66px;text-align:center;font-size:13.5px;font-weight:600;color:var(--c-deep)}
.yyc-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px;align-self:stretch}
.yyc-line{font-size:15.5px;font-weight:700;color:var(--c-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.yyc-del{flex:0 0 30px;width:30px;height:30px;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--c-mut)!important;padding:0!important;cursor:pointer;display:grid;place-items:center;transition:background-color .2s,color .2s}
.yyc-del:hover{background:#FDECEA!important;color:#C0392B!important}
.yyc-del svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.yyc-empty{text-align:center;padding:64px 20px}
.yyc-empty .yyc-emptyart{width:96px;height:96px;margin:0 auto 18px;border-radius:48px 12px 48px 12px;background:var(--c-soft);display:grid;place-items:center}
.yyc-empty svg{width:44px;height:44px;fill:none;stroke:var(--c-green);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.yyc-empty p{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--c-ink)}
.yyc-empty small{display:block;margin-bottom:20px;font-size:14px;color:var(--c-mut)}
.yyc-loading{display:flex;justify-content:center;gap:6px;padding:70px 0}
.yyc-loading span{width:9px;height:9px;border-radius:50%;background:var(--c-green);animation:yyc-dot 1s infinite ease-in-out}
.yyc-loading span:nth-child(2){animation-delay:.15s}.yyc-loading span:nth-child(3){animation-delay:.3s}
@keyframes yyc-dot{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}
.yyc-foot{padding:16px 20px 20px;border-top:1px solid var(--c-line);background:#fff}
.yyc-foot[hidden]{display:none}
.yyc-subt{display:flex;align-items:baseline;justify-content:space-between}
.yyc-subt span{font-size:15px;color:var(--c-mut)}
.yyc-subt b{font-size:24px;font-weight:800;color:var(--c-deep);font-variant-numeric:tabular-nums}
.yyc-note{margin:2px 0 14px;font-size:12.5px;color:var(--c-mut)}
.yyc-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px;font-size:16px;font-weight:600;text-decoration:none!important;transition:background-color .2s,transform .15s,box-shadow .2s}
.yyc-btn--go{background:var(--c-dark);color:#fff!important;box-shadow:0 12px 26px -14px rgba(16,79,42,.9);margin-bottom:8px}
.yyc-btn--go:hover{background:var(--c-green);transform:translateY(-2px)}
.yyc-btn--ghost{background:var(--c-soft);color:var(--c-dark)!important}
.yyc-btn--ghost:hover{background:#E1EBD5}
.yyc-pop{animation:yyc-pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes yyc-pop{40%{transform:scale(1.18)}}
body.yyc-lock{overflow:hidden}
/* the Elementor Pro drawer is replaced by this one */
.elementor-menu-cart__container{display:none!important}
@media (max-width:480px){#yyc{width:100%;max-width:100%;border-radius:0}}
@media (prefers-reduced-motion:reduce){#yyc,#yyc-overlay{transition:none}.yyc-item{animation:none}}
/* fly-to-cart */
.yy-flyer{position:fixed;z-index:100005;border-radius:50%;background:#F3F2EE;box-shadow:0 14px 30px -10px rgba(11,58,31,.55),0 0 0 3px #fff;display:grid;place-items:center;overflow:hidden;pointer-events:none;will-change:transform,opacity}
.yy-flyer img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.05)}
.yy-roll{display:inline-block;animation:yy-roll .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes yy-roll{0%{transform:translateY(90%) scale(.6);opacity:0}60%{transform:translateY(-12%) scale(1.25);opacity:1}100%{transform:none}}
.yy-wiggle{animation:yy-wiggle .55s ease}
@keyframes yy-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(11deg)}70%{transform:rotate(-6deg)}}
.yyc-thumb.is-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;filter:none}.yy-flyer.is-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;filter:none}