/* Small "added to cart" toast (product page). Fixed position: nothing on the page moves. Loaded with addtocart.js. */
.mm-toast {
  position: fixed; left: 50%; bottom: calc(92px + env(safe-area-inset-bottom)); z-index: 90;
  display: flex; align-items: center; flex-wrap: nowrap; gap: 0 2px; width: max-content; max-width: min(94vw, 440px);
  padding: 4px 6px 4px 14px; border-radius: 16px; background: #0a0f12; color: #fff; box-shadow: 0 12px 32px rgba(10, 15, 18, .3);
  font: 600 .9rem/1.3 var(--font-body, system-ui, sans-serif);
  opacity: 0; visibility: hidden; transform: translate(-50%, 12px);
  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.mm-toast.is-on { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .2s ease, transform .2s ease; }
.mm-toast.is-bad { background: #7a1c16; }
.mm-toast__msg { margin-right: auto; padding: 8px 8px 8px 0; }
.mm-toast a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; color: #8be9fa; white-space: nowrap; font-weight: 700; text-decoration: underline; }
.mm-toast a.mm-toast__go { color: #0a0f12; background: #fff; border-radius: 999px; padding: 0 14px; text-decoration: none; }
@media (min-width: 860px) { .mm-toast { bottom: 28px; } }
@media (prefers-reduced-motion: reduce) { .mm-toast, .mm-toast.is-on { transition: none; } }
