.popup{position:fixed;left:0;top:0;height:100%;width:100%;z-index:1;background-color:rgb(192 192 192 / .8);opacity:0;visibility:hidden;transition:500ms all}.popup.is-visible{opacity:1;visibility:visible;transition:1s all}.popup-container{transform:translateY(-50%);transition:500ms all;position:relative;width:80%;max-width:940px;margin:2em auto;top:10%;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgb(0 0 0 / .2);padding:0;z-index:10}.popup-container img{width:100%;height:auto}.app-links{margin:1.5em 0;display:flex;justify-content:center;gap:1em;flex-wrap:wrap;padding-bottom:1.5em}.app-btn{display:inline-flex;align-items:center;gap:.5em;background-color:#28a745;color:#fff;padding:.7em 1.2em;border-radius:6px;font-size:1rem;font-weight:600;text-decoration:none;transition:background 0.3s ease}.app-btn:hover{background-color:#218838}.app-btn svg{flex-shrink:0}.store-badge img{height:50px;width:auto;display:block;transition:transform 0.2s ease}.store-badge img:hover{transform:scale(1.05)}.is-visible .popup-container{transform:translateY(0);transition:500ms all}.popup-container .popup-close{position:absolute;top:8px;font-size:0;right:8px;width:30px;height:30px;z-index:20}.popup-container .popup-close::before,.popup-container .popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#000}.popup-container .popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}.popup-container .popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}.popup-container .popup-close:hover:before,.popup-container .popup-close:hover:after{background-color:#fff;transition:300ms all}@media (max-width:480px){.popup-container{width:80%}}