#shopini-popup-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.7);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
backdrop-filter:blur(3px);
}

/* Boite popup */

#shopini-popup{
background:white;
max-width:420px;
width:90%;
padding:35px 20px;
border-radius:14px;
text-align:center;
position:relative;
box-shadow:0 10px 30px rgba(0,0,0,0.3);
font-family:Arial, Helvetica, sans-serif;
animation:shopiniPopupFade .3s ease;
}

/* animation */

@keyframes shopiniPopupFade{
from{
opacity:0;
transform:translateY(20px);
}
to{
opacity:1;
transform:translateY(0);
}
}

/* bouton fermer */

#shopini-close{
position:absolute;
top:12px;
right:15px;
font-size:22px;
cursor:pointer;
color:#999;
transition:0.2s;
}

#shopini-close:hover{
color:#333;
}

/* bouton install */

.shopini-btn{
display:block;
margin-top:20px;
background:#ff7a00;
color:white !important;
padding:14px;
border-radius:8px;
text-decoration:none;
font-weight:bold;
transition:all .2s ease;
}

.shopini-btn:hover{
background:#ff8c1a;
transform:scale(1.05);
}

/* QR code */

#shopini-qr{
display:none;
margin:20px auto;
border:1px solid #eee;
padding:5px;
background:white;
}

/* mobile */

@media(max-width:480px){

#shopini-popup{
padding:30px 15px;
}

#shopini-popup h1{
font-size:24px;
}

}