}
/* — VERSION MOBILE (< 767px) --- */
@media screen and (max-width: 767px) {
.pum-container {
width: 75% !important;
max-width: 280px !important;
min-width: unset !important;
height: auto !important;
position: fixed !important;
bottom: 25px !important;
left: 50% !important;
transform: translateX(-50%) !important;
border-radius: 8px !important;
/* Animation slide du bas vers le haut en 1000ms */
animation: slideUpMobile 1000ms cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
/* Définition de l'animation de bas en haut pour le mobile */
@keyframes slideUpMobile {
0% {
transform: translate(-50%, 100vh) !important;
opacity: 0;
}
100% {
transform: translate(-50%, 0) !important;
opacity: 1;
}
}
/* Croix de fermeture spécifique au mobile (forcée et visible) */
.pum-container .pum-close {
position: absolute !important;
top: 5px !important;
right: 8px !important;
color: #000000 !important;
font-size: 19px !important;
font-weight: bold !important;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
background: transparent !important;
z-index: 999999 !important;
line-height: 1 !important;
padding: 5px !important;
}
}
