/* ============================================================
   TOAST — small confirmation banner for cart actions
============================================================ */

.cart-toast {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(2rem);
    background: var(--ink);
    color: var(--cream);
    padding: 0.85rem 1.25rem;
    border-radius: 0.5rem;
    box-shadow: 0 12px 32px oklch(16.5% 0.007 50 / 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 200;
    font-weight: 600;
    font-size: 0.9rem;
}

.cart-toast--show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}