.mmh-comgate-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
}
.mmh-comgate-methods legend {
    float: none;
    width: auto;
    margin: 0 0 10px;
    padding: 0;
    font-size: inherit;
    font-weight: 600;
}
.mmh-comgate-methods .mmh-comgate-method {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid #d5d9de;
    border-radius: 6px;
    background: #fff;
    color: #1e293b;
    cursor: pointer;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
}
.mmh-comgate-methods .mmh-comgate-method.is-selected {
    border-color: var(--wc-primary, #2271b1);
    box-shadow: inset 0 0 0 1px var(--wc-primary, #2271b1);
}
.mmh-comgate-methods .mmh-comgate-method:has(input:focus-visible) {
    outline: 2px solid var(--wc-primary, #2271b1);
    outline-offset: 3px;
}
.mmh-comgate-methods input[type="radio"] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--wc-primary, #2271b1);
}
.mmh-comgate-method__name { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.mmh-comgate-methods img.mmh-comgate-method__logo {
    flex: 0 1 auto;
    width: auto;
    max-width: 76px;
    height: auto;
    max-height: 25px;
    margin: 0 0 0 auto;
    object-fit: contain;
}
.mmh-comgate-methods__status { margin: 12px 0 0; font-size: 0.95em; }
.mmh-comgate-methods[aria-busy="true"] { opacity: 0.65; }
.mmh-comgate-content > p:last-child { margin-bottom: 0; }
/* Logo visibility follows the current viewport, also after rotation or window resizing. */
@media (max-width: 767px) {
    .mmh-comgate-methods.mmh-comgate-logos-desktop img.mmh-comgate-method__logo { display: none; }
}
@media (min-width: 768px) {
    .mmh-comgate-methods.mmh-comgate-logos-mobile img.mmh-comgate-method__logo { display: none; }
}
@media (max-width: 480px) {
    .mmh-comgate-methods .mmh-comgate-method { gap: 8px; padding: 10px; }
    .mmh-comgate-methods img.mmh-comgate-method__logo { max-width: 56px; max-height: 22px; }
}