/* Payment brand cues, scoped to the staging home payment block. */
.mm-credit .mm-payment-brand { display: flex; align-items: center; gap: 12px; min-height: 64px; margin-bottom: 12px; }
.mm-credit .mm-payment-brand .mm-credit__name { font-size: 17px; line-height: 1.3; letter-spacing: 0; text-transform: none; color: var(--mm-ink); }
.mm-credit .mm-payment-brand__split { display: block; flex: 0 0 40px; width: 40px; height: 40px; }
.mm-credit .mm-payment-brand__split i { display: block; width: 20px; height: 20px; background: url('/local/templates/aspro-premier/images/svg/payment.svg') -1077px 0 no-repeat; transform: scale(2); transform-origin: top left; }
.mm-credit .mm-payment-brand__halva { display: block; width: 100px !important; max-width: 100px !important; height: auto; margin-left: auto; border-radius: 7px; box-shadow: 0 3px 10px rgba(25, 44, 35, .12); }
.mm-credit .mm-credit__item--split { background: #faffed; }
.mm-credit .mm-credit__item--halva { background: #fffafa; }
.mm-credit .mm-credit__item--invoice { background: #f3f7fa; }
.mm-credit .mm-payment-brand__invoice { display: block; flex: 0 0 100px; width: 100px; height: 64px; margin-left: auto; }
@media (max-width: 374px) {
 .mm-credit .mm-payment-brand { gap: 8px; }
 .mm-credit .mm-payment-brand__halva { width: 82px !important; max-width: 82px !important; }
}
.mm-credit .mm-payment-brand__credit-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; background: #eaf5eb; color: var(--mm-brand, #28a745); }
.mm-credit .mm-credit__item--credit { background: #f4faf5; }
.mm-credit .mm-credit__item--banks { background: #f3f7fa; }
.mm-credit .mm-payment-brand__banks-thumb { display: block; width: 100px; height: 64px; margin-left: auto; border-radius: 6px; overflow: hidden; border: 1px solid rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.06); transition: transform .2s ease; }
.mm-credit .mm-payment-brand__banks-thumb:hover { transform: scale(1.04); }
.mm-credit .mm-payment-brand__banks-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }