/* add global styles that can be loaded post LCP here */

/* ============================================================
   Quote / Add-to-Cart toast — slide in from top-right
   Uses transform + opacity only (no layout shift).
   Respects prefers-reduced-motion.
   ============================================================ */
@keyframes toast-slide-in {
  from {
    transform: translateX(calc(100% + 0.5rem));
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes toast-slide-out {
  from {
    transform: translateX(0);
    opacity: 1;
  }

  to {
    transform: translateX(calc(100% + 0.5rem));
    opacity: 0;
  }
}

.toast-slide-in {
  animation: toast-slide-in 450ms ease-out forwards;
}

.toast-slide-out {
  animation: toast-slide-out 350ms ease-in forwards;
}

@media (prefers-reduced-motion: reduce) {
  .toast-slide-in {
    animation: none;
  }

  .toast-slide-out {
    animation: none;
    opacity: 0;
    transition: opacity 200ms linear;
  }
}