.wajah-cart-toast { visibility: hidden; position: fixed; z-index: 99999; top: 22px; left: 50%; display: flex; max-width: calc(100vw - 28px); align-items: center; gap: 9px; padding: 11px 16px; opacity: 0; border-radius: 5px; background: #244f78; color: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.2); font-size: 12px; line-height: 1.4; pointer-events: none; transform: translate(-50%, -12px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.wajah-cart-toast.is-visible { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.wajah-cart-toast > span { display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.2); }
.wajah-cart-toast strong { font-weight: 700; white-space: nowrap; }
@media (max-width: 600px) {
  .wajah-cart-toast { top: 12px; width: max-content; padding: 10px 13px; font-size: 11px; }
  .wajah-cart-toast strong { white-space: normal; }
}