@keyframes slideIn{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}.notification{position:fixed;left:20px;bottom:20px;max-width:350px;max-height:300px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1000;font-family:Arial,sans-serif;display:none}.notification.visible{display:block;animation:slideIn .3s ease-out}.notification.hidden{animation:slideOut .3s ease-in}.notification-image{width:50px;height:50px;margin-bottom:15px;border-radius:8px;object-fit:cover}.notification-title{font-weight:700;margin-bottom:10px;font-size:16px;color:#333}.notification-text{font-size:14px;color:#666;line-height:1.4;margin-bottom:15px}.notification-button{background:#007bff;color:#fff;border:0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.notification-button:hover{background:#0056b3}.notification-close{position:absolute;top:10px;right:15px;background:0 0;border:0;font-size:20px;cursor:pointer;color:#999;transition:color .3s;display:none}.notification-close:hover{color:#333}@media (max-width:768px){.notification{left:10px;right:10px;bottom:10px;max-width:none}}div.max-messager{background:url(../images/376x256.png) no-repeat;width:320px;height:auto;background-size:contain;aspect-ratio:376/256;border-radius:8px}