cart-toast {
  position: fixed; top: 20px; right: 20px; background: #28a745; color: #fff;
  padding: 12px 20px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  display: flex; align-items: center; gap: 10px; z-index: 9999; opacity: 0;
  transform: translateX(100px); transition: opacity 0.3s, transform 0.3s;
  max-width: 300px; font-size: 0.95rem;
}
.cart-toast--show { opacity: 1; transform: translateX(0); }
.cart-toast-close {
  background: none; border: none; color: #fff; font-size: 1.3rem; cursor: pointer;
  padding: 0; line-height: 1; margin-left: auto; opacity: 0.8;
}
.cart-toast-close:hover { opacity: 1; }
@media (max-width: 768px) {
  .cart-toast { top: auto; bottom: 20px; right: 10px; left: 10px; max-width: none; }
}