/* Behaviour-layer styles (loaded after the page CSS). Only what the replayed widgets need. */

/* Message shown when a stubbed action (form, checkout, wishlist) is used. */
#nine-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 10000;
  max-width: calc(100vw - 32px);
  padding: 12px 18px;
  background: rgb(var(--color-foreground, 18, 18, 18));
  color: #fff;
  font: 400 1.4rem/1.4 var(--font-body-family);
  border-radius: 4px;
  opacity: 0;
  transform: translate(-50%, 8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
#nine-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}
@media (prefers-reduced-motion: reduce) {
  #nine-toast { transition: none; }
}