/* FIX30: only the mobile transaction/testimonial notification direction changes.
   Keep the existing position, dimensions, content and display timers intact. */
#popup-notification {
  transform: translateX(calc(-100% - 64px));
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

#popup-notification.show {
  transform: translateX(0);
}

/* The existing mobile layout anchors this notification on the right.
   Enter and exit beyond the right edge without changing that final position. */
@media (max-width: 768px) {
  #popup-notification {
    transform: translateX(calc(100% + 24px));
  }

  #popup-notification.show {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  #popup-notification,
  #popup-notification.show {
    transform: none;
    transition: opacity 0.15s ease;
  }
}