.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;max-width:400px;width:100%}.notification{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);box-shadow:0 4px 12px #00000026;pointer-events:all;opacity:0;transform:translate(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.notification.show{opacity:1;transform:translate(0)}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text)}.notification-close{background:none;border:none;color:var(--color-text-light);font-size:1.5rem;line-height:1;padding:0;cursor:pointer;transition:color var(--transition);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close:hover{color:var(--color-text)}.notification-success{border-left:4px solid #10b981}.notification-success .notification-icon{color:#10b981}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-icon{color:#ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-icon{color:#f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-icon{color:#3b82f6}.notification-loading{border-left:4px solid var(--color-primary)}.spinner{width:20px;height:20px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.notification-container{left:20px;right:20px;max-width:none}.notification{padding:var(--spacing-sm)}.notification-message{font-size:.9rem}}.dark-mode .notification{background:var(--color-background-alt);box-shadow:0 4px 12px #0000004d}#cart-notification{position:fixed;top:100px;right:20px;background:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:10000;transform:translate(100%);opacity:0;transition:all .3s ease-in-out;max-width:300px;font-size:.95rem;line-height:1.4}#cart-notification.show{transform:translate(0);opacity:1}#cart-notification.error{background:#ef4444}#cart-notification.success{background:#10b981}