.efx-pay-brand{display:inline-flex;align-items:center;gap:.55rem;min-width:0}
.efx-pay-brand>img{display:block;height:34px;width:auto;max-width:132px;object-fit:contain;border-radius:8px}
.efx-pay-brand--compact>img{height:27px;max-width:108px}
.efx-pay-methods{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.efx-pay-methods img{height:30px;width:auto;max-width:92px;object-fit:contain;border-radius:7px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.efx-pay-methods__label{font-size:10px;color:var(--txt-2,#9ca3af);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-right:2px}
.efx-pay-help{margin-top:10px;font-size:11px;line-height:1.5;color:var(--txt-2,#9ca3af)}
.efx-pay-help strong{color:var(--txt-1,#fff)}

.efx-pay-brand>img{background:#fff;padding:5px 9px;border-radius:8px}.efx-pay-methods img{background:#fff;padding:4px 7px}


/* Large provider-choice buttons: the logo is the visual button, not a tiny badge. */
.efx-provider-button{
    min-height:72px!important;
    padding:7px 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden;
}
.efx-provider-button .efx-pay-brand{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.efx-provider-button .efx-pay-brand>img{
    display:block;
    width:min(96%,250px)!important;
    height:56px!important;
    max-width:none!important;
    object-fit:contain!important;
    padding:0!important;
    margin:0 auto!important;
    border-radius:11px!important;
    background:#fff!important;
}
.efx-provider-button.active,
.efx-provider-button[aria-selected="true"]{
    box-shadow:0 0 0 2px rgba(215,170,69,.72),0 9px 24px rgba(0,0,0,.14);
}
@media(max-width:560px){
    .efx-provider-button{min-height:66px!important;padding:6px!important}
    .efx-provider-button .efx-pay-brand>img{height:50px!important;width:98%!important}
}


/* User-supplied PesaPal / M-Pesa marks: make the provider mark the primary button surface. */
.efx-provider-button .efx-pay-brand>img{
    width:94%!important;
    height:58px!important;
    object-fit:contain!important;
    background:#fff!important;
    border-radius:10px!important;
}
@media(max-width:560px){
    .efx-provider-button .efx-pay-brand>img{width:96%!important;height:52px!important}
}