[data-popup]{position:fixed;bottom:-100%;left:50%;transform:translateX(-50%);z-index:9999;opacity:0;visibility:hidden;transition:all .8s ease;display:block;max-width:100%;max-height:95vh}[data-popup].show{bottom:50%;transform:translate(-50%, 50%);opacity:1;visibility:visible}[data-popup] img{width:min(90vw, 400px);height:auto;display:block;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.3);margin:0 auto}[data-popup] [data-close]{position:absolute;top:-10px;right:-10px;background:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;box-shadow:0 2px 5px rgba(0,0,0,0.2);transition:transform .2s ease}[data-popup] [data-close]:hover{transform:scale(1.1)}@media (max-width:480px){[data-popup] img{width:85vw;max-width:300px}[data-popup].show{bottom:45%}}