.motrixa-cart-notice {
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:130;
    width:min(420px, calc(100vw - 48px));
    border:1px solid var(--color-background);
    border-top:4px solid var(--color-accent);
    border-radius:3px;
    background:var(--color-background);
    color:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
    padding:20px;
    box-shadow:0 18px 46px color-mix(in srgb, color-mix(in srgb, var(--color-link) 72%, var(--color-text)) 20%, transparent);
    opacity:0;
    transform:translateY(18px);
    transition:opacity 180ms ease, transform 180ms ease;
}

.motrixa-cart-notice.is-visible {
    opacity:1;
    transform:translateY(0);
}

.motrixa-cart-notice__close {
    position:absolute;
    top:10px;
    right:10px;
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    border:0;
    background:transparent;
    color:var(--color-link);
    cursor:pointer;
}

.motrixa-cart-notice__close:hover {
    color:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
}

.motrixa-cart-notice__close .material-symbols-outlined {
    font-size:21px;
}

.motrixa-cart-notice__status {
    display:flex;
    align-items:center;
    gap:12px;
    padding-right:32px;
}

.motrixa-cart-notice__status strong,
.motrixa-cart-notice__eyebrow {
    display:block;
}

.motrixa-cart-notice__status strong {
    font-size:18px;
    line-height:1.2;
}

.motrixa-cart-notice__eyebrow {
    margin-bottom:2px;
    color:var(--color-link);
    font-size:11px;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.motrixa-cart-notice__icon {
    display:grid;
    width:42px;
    height:42px;
    flex:0 0 42px;
    place-items:center;
    border-radius:50%;
    background:var(--color-background);
    color:var(--color-secondary);
    font-size:25px;
    font-weight:700;
}

.motrixa-cart-notice__actions {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin-top:18px;
}

.motrixa-cart-notice__action {
    display:inline-flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid color-mix(in srgb, var(--color-link) 72%, var(--color-text));
    border-radius:2px;
    padding:10px 14px;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    transition:background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.motrixa-cart-notice__action--secondary {
    background:var(--color-background);
    color:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
}

.motrixa-cart-notice__action--secondary:hover {
    background:var(--color-background);
    color:color-mix(in srgb, var(--color-link) 72%, var(--color-text));
}

.motrixa-cart-notice__action--primary {
    border-color:var(--color-button-bg);
    background:var(--color-button-bg);
    color:var(--color-button-text);
}

.motrixa-cart-notice__action--primary:hover {
    border-color:var(--color-primary);
    background:var(--color-primary);
    color:var(--color-button-text);
}

@media (max-width:768px) {
    .motrixa-cart-notice {
        right:16px;
        bottom:84px;
        left:16px;
        width:auto;
        padding:18px;
    }
}

@media (max-width:420px) {
    .motrixa-cart-notice__actions {
        grid-template-columns:minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion:reduce) {
    .motrixa-cart-notice {
        transition:none;
    }
}