.shop-art-slot{position:relative}
.shop-image-clickable{cursor:zoom-in}
.shop-art-slot .shop-image-zoom{position:absolute;right:7px;top:7px;z-index:5;width:30px;height:30px;min-width:0;padding:6px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;background:#111d;color:#fff;cursor:zoom-in;box-shadow:0 2px 6px #0008}
.shop-image-zoom svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.shop-image-zoom:hover,.shop-image-zoom:focus-visible{background:#ffdf22;color:#111;outline:2px solid #fff;outline-offset:2px}
.shop-image-dialog{box-sizing:border-box;width:max-content;max-width:94vw;max-height:92dvh;padding:42px 16px 16px;border:1px solid #ffffff50;border-radius:14px;background:#161616;color:#fff;box-shadow:0 18px 80px #000a}
.shop-image-dialog::backdrop{background:#000c}
.shop-image-dialog figure{margin:0;text-align:center}
.shop-image-dialog figure img{display:block;width:min(1000px,84vw);height:auto;max-width:calc(94vw - 34px);max-height:calc(92dvh - 110px);object-fit:contain;margin:auto}
.shop-image-dialog figcaption{padding-top:12px;max-width:80vw;overflow-wrap:anywhere}
.shop-image-dialog .shop-image-close{position:absolute;right:8px;top:6px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#333;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:600px){.shop-image-dialog{padding:40px 8px 12px}.shop-image-dialog figure img{max-width:calc(94vw - 18px)}}