/* Artwork buttons keep their existing click targets and inventory badges. */
.sale-art { display: block; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.qav b .sale-art { width: 100%; height: 100%; }
.cust-av .face { display: block; width: 82px; height: 86px; }
@media (max-width: 600px) { .cust-av .face { width: 66px; height: 72px; } }
.illustrated-cup .c-body { inset: 5px 5px 2px; border: 0; border-radius: 0 0 12px 12px; background: rgba(255,255,255,.25); clip-path: polygon(0 0,100% 0,84% 100%,16% 100%); }
.cup-art-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.illustrated-cup .c-tops { z-index: 1; }
.illustrated-cup .c-lid, .illustrated-cup .c-straw, .illustrated-cup .c-stamp { z-index: 3; }
.cup-pour-art { display: none; position: absolute; width: 36px; height: 35px; left: calc(50% - 5px); top: -30px; pointer-events: none; }
.cup-splash-art { display: none; position: absolute; width: 30px; height: 15px; left: calc(50% - 15px); top: 9px; pointer-events: none; }
.pouring-art .cup-splash-art { display: block; }
.pouring-art .cup-splash-art { animation: artTeaSplash .45s ease-in-out infinite; }
.pouring-art .cup-pour-art { animation: artTeaPour .6s ease-in-out infinite; }
@keyframes artTeaSplash { 50% { transform: scale(1.12,.82); opacity: .7; } }
@keyframes artTeaPour { 50% { transform: scaleX(.94); } }
.cupstack.image-stack { background: none; border: 0; box-shadow: none; border-radius: 0; overflow: hidden; clip-path: none; }
.cupstack.image-stack::before, .cupstack.image-stack::after { display: none; }
.jar.image-jar { height: 76px; max-width: none; border: 0; border-radius: 0; background: none; box-shadow: none; overflow: visible; }
.jar.image-jar::before, .jar.image-jar::after { display: none; }
.disp .image-tap { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; margin: 0; background: none; box-shadow: none; }
.disp .image-tap { display: block; bottom: 0; left: 43%; width: 8px; height: 6px; visibility: hidden; }
.disp .image-tap::before { display: none; }
.disp.pouring .image-tap { background: none; box-shadow: none; }
.disp.pouring .image-jar .sale-art { filter: drop-shadow(0 0 3px var(--pink)); }
.tray.image-tray .pile { left: 4%; right: 4%; top: 4%; bottom: 24%; width: auto; height: auto; max-height: none; display: block; border-radius: 5px 5px 0 0; }
.tray.image-tray small { position: relative; z-index: 1; font-size: 8px; margin: 2px 0; }
.tray.image-tray .sale-art { padding: 2px; box-sizing: border-box; }
.cupslot { overflow: visible; }
.work-row, .board { overflow: visible; }
.tray.image-tray:active:not(.locked) .sale-art { transform: scale(.96); }
.image-sealer { height: 118px; background: none; border: 0; box-shadow: none; }
.image-sealer::before, .image-sealer::after { display: none; }
.image-sealer .sl-led { position: absolute; top: 40%; left: 14%; right: 18%; font-size: 6px; height: auto; padding: 1px 2px; }
.image-sealer.press .sale-art { animation: artSealPress .5s ease; }
@keyframes artSealPress { 50% { transform: translateY(2px) scaleY(.97); } }
@media (max-height: 800px) {
  .jar.image-jar { height: 58px; }
  .image-sealer { height: 84px; }
}
@media (max-height: 690px) {
  .jar.image-jar { height: 50px; }
  .image-sealer { height: 74px; }
}