.shop-notification{min-width:340px;max-width:420px;background:#1f2937;border:1px solid #374151;border-left:5px solid;border-radius:12px;box-shadow:0 10px 25px #0000004d;overflow:hidden;opacity:0;transform:translate(100%) translateY(-20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.shop-notification.show{opacity:1;transform:translate(0) translateY(0)}.shop-notification-content{padding:16px 20px;display:flex;align-items:center;gap:14px;color:#e5e7eb}.shop-notification-icon{font-size:28px;flex-shrink:0}.shop-notification-message{flex:1;font-size:15px;line-height:1.5}.shop-notification-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;opacity:.6;transition:opacity .2s}.shop-notification-close:hover{opacity:1}.shop-notification-progress{height:4px;background:#ffffff1a;transform:scaleX(1);transform-origin:left;transition:transform .2s linear}.shop-notification-progress.active{animation:notifProgress linear forwards}.notif-success{border-left-color:#10b981}.notif-success .shop-notification-icon{color:#10b981}.notif-error{border-left-color:#ef4444}.notif-error .shop-notification-icon{color:#ef4444}.notif-info{border-left-color:#3b82f6}.notif-info .shop-notification-icon{color:#3b82f6}.notif-warning{border-left-color:#f59e0b}.notif-warning .shop-notification-icon{color:#f59e0b}@keyframes notifProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}