.popup-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease-in-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.popup-image-overlay.popup-visible{opacity:1}.popup-image-container{position:relative;max-width:600px;width:100%;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.9);transition:transform .3s ease-in-out;animation:popupSlideIn .4s ease-out forwards}.popup-visible .popup-image-container{transform:scale(1)}@keyframes popupSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.popup-image-close{position:absolute;top:12px;right:12px;width:40px;height:40px;background-color:#fffffff2;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #00000026;padding:0}.popup-image-close:hover{background-color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #0003}.popup-image-close:focus{outline:2px solid #000000;outline-offset:2px}.popup-image-close svg{width:20px;height:20px;display:block;flex-shrink:0;pointer-events:none}.popup-image-close svg path{stroke:#000;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.popup-image-content{position:relative;width:100%;display:block}.popup-image-link{display:block;cursor:pointer;transition:opacity .2s ease}.popup-image-link:hover{opacity:.95}.popup-image{width:100%;height:auto;display:block;border-radius:12px}@media screen and (max-width: 768px){.popup-image-overlay{padding:15px}.popup-image-container{max-width:500px;border-radius:10px}.popup-image-close{width:36px;height:36px;top:10px;right:10px}.popup-image-close svg{width:18px;height:18px}}@media screen and (max-width: 480px){.popup-image-overlay{padding:10px}.popup-image-container{max-width:100%;border-radius:8px}.popup-image-close{width:32px;height:32px;top:8px;right:8px}.popup-image-close svg{width:16px;height:16px}.popup-image{border-radius:8px}}@media (prefers-reduced-motion: reduce){.popup-image-overlay,.popup-image-container,.popup-image-close,.popup-image-link{transition:none;animation:none}.popup-image-container{transform:none}}@media print{.popup-image-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/popup-image.css.map */