.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.popup-overlay.show{opacity:1;visibility:visible}.popup-container{position:relative;max-width:90%;max-height:90%}.popup-image{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 10px 30px rgb(0 0 0 / .3)}.popup-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:rgb(0 0 0 / .7);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease;z-index:10000}.popup-close:hover{background-color:rgb(0 0 0 / .9)}@media (min-width:1024px){.popup-container{min-width:500px}}@media (max-width:1023px){.popup-container{width:80%}}