/* Colherada: uma camada independente das trajetórias dos produtos. */
.scoop-ready>img:not(.scoop-underlay){position:relative;z-index:1}
.scoop-ready>img.scoop-underlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:0;visibility:hidden;filter:brightness(.73) saturate(.94)}
.scoop-ready.is-scooped>img.scoop-underlay{visibility:visible}
.scoop-target{position:absolute;z-index:2;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;touch-action:auto;-webkit-user-select:none;user-select:none;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out;transform-origin:center}
.scoop-target:focus-visible{outline:0}
.scoop-ready.has-scoop-focus{outline:2px solid var(--caramel);outline-offset:8px;border-radius:18px}
.scoop-invitation{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:max-content;max-width:100%;font-size:.75rem;line-height:1.5;color:var(--muted);text-align:center;pointer-events:none;z-index:6}
.spoon-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:55;contain:strict}
.spoon-cursor{--spoon-size:96px;position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;visibility:hidden;contain:layout style;isolation:isolate}
.spoon-cursor.is-visible{visibility:visible}
.spoon-visual{position:absolute;width:var(--spoon-size);height:var(--spoon-size);left:calc(var(--spoon-size) * -.275);top:calc(var(--spoon-size) * -.295);transform-origin:27.5% 29.5%;transform:translate(var(--spoon-lift-x,0px),var(--spoon-lift-y,0px)) rotate(var(--spoon-angle,0deg));opacity:var(--spoon-opacity,1)}
.spoon-visual>img{width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(42,23,15,.17))}
.spoon-portion{position:absolute;left:27.5%;top:29.5%;width:28%;height:32%;max-width:none;transform:translate(-50%,-50%) rotate(-42deg) scale(var(--portion-scale,0));opacity:var(--portion-opacity,0);filter:drop-shadow(1px 2px 1px rgba(42,23,15,.24));pointer-events:none}
.spoon-cursor[data-mode="touch"],.spoon-cursor[data-mode="keyboard"]{--spoon-size:112px}
html.spoon-cursor-active,html.spoon-cursor-active .scoop-target{cursor:none}
body.has-dialog .spoon-cursor{visibility:hidden}
@media(hover:hover) and (pointer:fine){
  .scoop-ready:hover>.scoop-target{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px) scale(1.035)}
}
@media(max-width:700px){.scoop-invitation{bottom:-1px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){
  .scoop-target{transform:none!important;transition:none}
  .spoon-visual{transform:none!important}
}
@media print{.spoon-layer,.scoop-target,.scoop-invitation{display:none!important}}
