.order-pay.is-loading .orderPay,
.order-pay.is-loading .order-pay__methods { opacity: .5; pointer-events: none; }

.order-pay__result { margin-top: 20px; }
.order-pay__result:empty { display: none; }

.order-pay__msg { padding: 14px 18px; border-radius: 6px; line-height: 1.4; }
.order-pay__msg--error   { background: #fdecec; color: #b42318; }
.order-pay__msg--info    { background: #fff6e0; color: #8a5a00; }
.order-pay__msg--success { background: #e9f7ef; color: #1e7b45; }

.order-pay__info { margin-bottom: 16px; line-height: 1.5; }

.order-pay__methods { display: flex; flex-wrap: wrap; gap: 16px; }
.order-pay__method { flex: 1 1 240px; padding: 16px; border: 1px solid #e5e5e5; border-radius: 8px; }
.order-pay__method .adp-btn { cursor: pointer; }
.order-pay__method-name { margin-top: 10px; font-weight: 600; }
.order-pay__method-desc { margin-top: 4px; font-size: 14px; color: #777; }
.order-pay__form{
    max-width: 375px;
    margin-top: 0;
}