.site-popup{margin:auto;padding:0;border:0;background:transparent;max-width:calc(100vw - 32px);max-height:90dvh;overflow:visible;color:#fff}
.site-popup::backdrop{background:rgba(0,0,0,.78)}
.site-popup img{display:block;max-width:calc(100vw - 32px);max-height:90dvh;width:auto;height:auto;object-fit:contain}
.site-popup__close{position:absolute;z-index:1;top:8px;right:8px;width:40px;height:40px;padding:0;border:2px solid #fff;border-radius:50%;background:#171717;color:#fff;font:30px/32px sans-serif;cursor:pointer;box-shadow:0 2px 8px #0006}
.site-popup__close:focus-visible{outline:3px solid #ffd54a;outline-offset:3px}

@media (prefers-reduced-motion:no-preference){
    .site-popup[open]{animation:site-popup-enter 320ms cubic-bezier(.2,.7,.3,1) both}
    .site-popup[open]::backdrop{animation:site-popup-backdrop-enter 320ms ease-out both}
}
@keyframes site-popup-enter{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes site-popup-backdrop-enter{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.78)}}