.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999}.overlay.active{display:block}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;flex-direction:column;align-items:center;max-width:calc(100vw - 32px)}.popup .closeBtn{position:relative;z-index:1;flex:0 0 36px;width:36px;height:36px;margin:0 auto 12px;box-sizing:border-box;display:block;border:2px solid #fff;border-radius:50%;padding:0;background:rgba(0,0,0,.35);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;appearance:none}.popup .closeBtn::before,.popup .closeBtn::after{content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;border-radius:2px;background:currentColor;transform-origin:center}.popup .closeBtn::before{transform:translate(-50%,-50%)rotate(45deg)}.popup .closeBtn::after{transform:translate(-50%,-50%)rotate(-45deg)}.popup .closeBtn:hover{background:rgba(0,0,0,.6)}.popup .closeBtn:focus-visible{outline:2px solid #fff;outline-offset:3px}.popup.active{display:flex}.popup__link{display:block;max-width:100%;line-height:0}.popImage{display:block;width:min(300px,calc(100vw - 32px));max-height:calc(100vh - 96px);height:auto;object-fit:contain}@media screen and (min-width:768px){.popImage{width:min(600px,calc(100vw - 48px))}}