.landing-page .copy-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
}

.landing-page .copy-row:last-child {
    margin-bottom: 0;
}

.landing-page .copy-row strong {
    color: #082543;
}

.landing-page .copy-label-note {
    display: block;
    margin-top: 2px;
    color: #53708b;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.25;
}

.landing-page .copy-value-text {
    flex: 1 1 180px;
    min-width: 0;
    color: #103c64;
    font-weight: 700;
    word-break: break-word;
}

.landing-page .copy-chip {
    border-radius: 999px;
    white-space: nowrap;
}

.landing-page .copy-feedback {
    flex: 1 0 100%;
    min-height: 1em;
    margin: -2px 0 0;
    color: #0a7e78;
    font-size: 0.82rem;
    font-weight: 700;
}

.landing-page .copy-feedback.is-error {
    color: #b42318;
}

.landing-page .payment-bundle-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.landing-page .order-number-text {
    display: inline-block;
    color: #0a7e78;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.landing-page .reference-box .order-number-text {
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .landing-page .payment-box .copy-row {
        display: grid;
        grid-template-columns: max-content minmax(0, max-content) auto;
        justify-content: start;
        align-items: center;
        column-gap: 10px;
        row-gap: 4px;
    }

    .landing-page .payment-box .copy-row strong {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .landing-page .payment-box .copy-value-text {
        flex: none;
        max-width: min(100%, 34ch);
    }

    .landing-page .payment-box .copy-chip {
        justify-self: start;
    }

    .landing-page .payment-box .copy-feedback {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .landing-page .copy-row .copy-chip,
    .landing-page .payment-bundle-actions .copy-chip {
        width: 100%;
    }
}