/* Keep storefront notifications clear of the header and fixed purchase controls. */
.zoya-toast-stack {
    inset: auto 24px 24px auto;
    width: min(390px, calc(100vw - 32px));
    gap: 8px;
}
.zoya-toast {
    grid-template-columns: 38px minmax(0, 1fr) 34px;
    gap: 12px;
    min-height: 68px;
    padding: 12px 14px 15px;
    border: 1px solid #eadde3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(39, 25, 34, .14);
    backdrop-filter: none;
}
.zoya-toast::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--toast-accent);
    content: "";
}
.zoya-toast__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--toast-accent) 10%, white);
    font-size: 1rem;
}
.zoya-toast p {
    font-size: .875rem;
    font-weight: 600;
}
.zoya-toast__close {
    width: 30px;
    height: 30px;
}
.zoya-toast__progress {
    height: 2px;
}
@media (max-width: 767px) {
    .zoya-toast-stack {
        inset: auto 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px;
        width: auto;
    }
    body.cart-bar-active .zoya-toast-stack {
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    }
    body:has(.mobile-cart-price-bar:not([hidden])) .zoya-toast-stack,
    body:has(.mobile-product-bar) .zoya-toast-stack {
        bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    }
}
@media (prefers-reduced-motion: reduce) {
    .zoya-toast, .zoya-toast.is-leaving { animation: none; }
}