.bup-saved-cart {
    --bup-ink: #1f1f1f;
    --bup-muted: #696969;
    --bup-line: #dedbd5;
    --bup-surface: #f7f5f1;
    clear: both;
    margin: 28px 0;
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid var(--bup-line);
    border-radius: 8px;
    background: var(--bup-surface);
    color: var(--bup-ink);
}

.bup-saved-cart__heading {
    max-width: 760px;
}

.bup-saved-cart__eyebrow {
    display: block;
    margin-bottom: 6px;
    color: var(--bup-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.bup-saved-cart h2 {
    margin: 0 0 8px;
    font-size: clamp(22px, 3vw, 30px);
}

.bup-saved-cart__heading p {
    margin: 0;
    color: var(--bup-muted);
    line-height: 1.55;
}

.bup-saved-cart__actions,
.bup-saved-cart__email-form,
.bup-saved-cart__link-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.bup-saved-cart__actions {
    flex-wrap: wrap;
    margin-top: 22px;
}

.bup-saved-cart__email-form {
    flex: 1 1 440px;
}

.bup-saved-cart__email-form input,
.bup-saved-cart__link-row input {
    min-width: 0;
    min-height: 44px;
    margin: 0;
    border: 1px solid var(--bup-line);
    border-radius: 4px;
    background: #fff;
}

.bup-saved-cart__email-form input {
    flex: 1 1 230px;
}

.bup-saved-cart .button {
    min-height: 44px;
    margin: 0;
    white-space: nowrap;
}

.bup-saved-cart__result {
    margin-top: 20px;
}

.bup-saved-cart__result label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
}

.bup-saved-cart__link-row input {
    flex: 1;
    width: 100%;
}

.bup-saved-cart__status {
    min-height: 22px;
    margin: 14px 0 0;
    font-weight: 600;
}

.bup-saved-cart__status[data-state="success"] { color: #217a37; }
.bup-saved-cart__status[data-state="error"] { color: #b42318; }
.bup-saved-cart__status[data-state="notice"] { color: #8a5d00; }
.bup-saved-cart__status[data-state="loading"] { color: var(--bup-muted); }

@media (max-width: 640px) {
    .bup-saved-cart__actions,
    .bup-saved-cart__email-form {
        flex-direction: column;
    }

    .bup-saved-cart__email-form {
        flex-basis: auto;
    }

    .bup-saved-cart .button,
    .bup-saved-cart__email-form input {
        width: 100%;
    }
}