.notification-button{position:fixed;bottom:20px;right:20px;z-index:9999;background:var(--notification-button-color, #ff4444);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.notification-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.notification-button:active{transform:scale(.95)}.notification-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.notification-button:hover:before{opacity:1}.notification-bell{position:relative;width:24px;height:24px}.notification-bell svg{width:100%;height:100%;fill:#fff}.notification-dot{position:absolute;top:1px;right:1px;width:12px;height:12px;background:var(--notification-dot-color, #ff0000);border-radius:50%;border:2px solid white;animation:pulse 2s infinite;box-shadow:0 1px 3px #0003}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.notification-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.notification-modal.active{display:flex}.notification-modal-content{position:relative;max-width:95%;max-height:95%;min-width:300px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.notification-modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.notification-modal-title{font-size:20px;font-weight:700;margin:0;color:#333}.notification-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.notification-modal-close:hover{background-color:#f0f0f0}.notification-modal-close svg{fill:#666;transition:fill .2s ease}.notification-modal-close:hover svg{fill:#333}.notification-modal-image{width:100%;height:auto;display:block;max-height:80vh;object-fit:contain;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.notification-modal-image.loaded{opacity:1;transform:translateY(0)}@media (max-width: 768px){.notification-button{width:50px;height:50px;bottom:15px;right:15px}.notification-bell{width:20px;height:20px}.notification-dot{width:10px;height:10px;top:1px;right:1px;border:2px solid white}.notification-modal-content{max-width:98%;max-height:98%}.notification-modal-header{padding:15px}.notification-modal-title{font-size:18px}}@media (min-width: 1024px){.notification-modal-content{max-width:90%;max-height:90%;min-width:400px}.notification-modal-image{max-height:85vh}}.notification-button.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/24/assets/notification.css.map */