/* ירוק ירוק — joke bubble (assets/jokes.js) */
.yy-joke{position:fixed;top:0;left:0;z-index:99990;max-width:250px;padding:11px 15px 12px;border-radius:16px 4px 16px 16px;background:#fff;color:#104F2A;font:500 14px/1.45 'Rubik',system-ui,Arial,sans-serif;direction:rtl;text-align:right;box-shadow:0 10px 28px rgba(11,58,31,.16),0 0 0 1px rgba(16,79,42,.08);pointer-events:none;opacity:0;scale:.92;transform-origin:100% 0;transition:opacity .18s ease,scale .22s cubic-bezier(.2,.8,.2,1.3);will-change:transform}
.yy-joke::before{content:"";display:block;width:26px;height:4px;margin:0 0 7px auto;border-radius:4px;background:#C9E36B}
.yy-joke.is-flip{border-radius:4px 16px 16px 16px;transform-origin:0 0}
.yy-joke.is-on{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){.yy-joke{transition:opacity .15s linear;scale:1}}
/* touch screens (no hover): the joke sits as a quiet line under the product photo */
.yy-joke-line{display:none}
@media (hover:none),(pointer:coarse){
.yy-joke-line{display:flex;align-items:flex-start;gap:10px;margin:-8px 0 0;padding:11px 14px;border-radius:14px;background:#F6F2E7;color:#104F2A;font:500 14px/1.5 'Rubik',system-ui,Arial,sans-serif;direction:rtl;text-align:right}
.yy-joke-line::before{content:"";flex:0 0 4px;align-self:stretch;border-radius:4px;background:#C9E36B}
}