.notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-overlay.active{opacity:1;visibility:visible}.notification-modal{position:relative;background:#fff;border-radius:8px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0003;transform:scale(.9) translateY(20px);transition:transform .3s ease}.notification-overlay.active .notification-modal{transform:scale(1) translateY(0)}.notification-modal__header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}.notification-modal__title{font-size:1.25rem;font-weight:600;margin:0;color:#333}.notification-modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.notification-modal__close:hover{background-color:#f5f5f5;color:#333}.notification-modal__content{padding:20px}.notification-modal__message{margin:0 0 15px;color:#666;line-height:1.5}.notification-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.notification-modal__button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.notification-modal__button--primary{background-color:#007bff;color:#fff}.notification-modal__button--primary:hover{background-color:#0056b3}.notification-modal__button--secondary{background-color:#6c757d;color:#fff}.notification-modal__button--secondary:hover{background-color:#545b62}.notification-modal__button--whatsapp{background-color:#25d366;color:#fff}.notification-modal__button--whatsapp:hover{background-color:#128c7e}@media (max-width: 599.98px){.notification-overlay{padding:15px}.notification-modal{max-width:100%;border-radius:12px}.notification-modal__header{padding:15px 15px 0}.notification-modal__content{padding:15px}.notification-modal__actions{flex-direction:column}.notification-modal__button{width:100%;justify-content:center}}body.notification-active{overflow:hidden}body.notification-active *{pointer-events:none}body.notification-active .notification-overlay,body.notification-active .notification-overlay *{pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/51/assets/notification-overlay.css.map */