/* === Cart Toast Notifications === */
.mkc-toast-container {
    position: fixed; bottom: 20px; left: 20px; z-index: 1000;
    display: flex; flex-direction: column-reverse; gap: 10px;
    pointer-events: none;
}
.mkc-toast {
    background: #fff; border-radius: 12px; padding: 14px 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 12px;
    min-width: 280px; max-width: 380px; pointer-events: auto;
    animation: mkToastIn 0.3s ease-out; font-family: 'Inter', sans-serif;
    border-left: 4px solid var(--mk-yellow, #EBF728);
}
.mkc-toast.removing { animation: mkToastOut 0.3s ease-in forwards; }

.mkc-toast-check {
    width: 24px; height: 24px; background: var(--mk-yellow, #EBF728);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; font-size: 12px; font-weight: 700;
}
.mkc-toast-body { flex: 1; }
.mkc-toast-name { font-size: 13px; font-weight: 600; color: #111; }
.mkc-toast-label { font-size: 11px; color: #888; }
.mkc-toast-link {
    font-size: 12px; font-weight: 700; color: var(--mk-dark, #1a1a1a);
    text-decoration: underline; cursor: pointer; white-space: nowrap;
    background: none; border: none; font-family: inherit;
}

@media (max-width: 768px) {
    .mkc-toast-container { left: 50%; transform: translateX(-50%); bottom: 100px; }
    .mkc-toast { min-width: 260px; }
}

@keyframes mkToastIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes mkToastOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(20px); } }