.notifications-container{position:fixed;top:calc(var(--header-height) + var(--promo-bar-height) + var(--spacing-lg));right:var(--spacing-lg);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:360px;pointer-events:none}.notification{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight 0.3s ease}.notification--success{border-left:4px solid var(--color-success)}.notification--error{border-left:4px solid var(--color-error)}.notification--warning{border-left:4px solid var(--color-warning)}.notification--info{border-left:4px solid var(--color-info)}.notification__message{flex:1;font-size:var(--font-size-body)}.notification__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:18px;cursor:pointer;transition:color var(--transition-fast);background:none;border:none}.notification__close:hover{color:var(--color-text-primary)}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@media (max-width:768px){.notifications-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none}}