.woocommerce-checkout li.wc_payment_method > label > img,
.woocommerce-checkout .wc_payment_method > label > img,
ul.wc_payment_methods li > label > img {
    max-height: 32px !important;
    max-width: 64px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    display: inline-block !important;
    float: none !important;
    box-shadow: none !important;
}

.woocommerce-checkout li.wc_payment_method > label,
ul.wc_payment_methods li.wc_payment_method > label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.4 !important;
}

.wallet-up-method-item img,
.wallet-up-method-icon,
.walletup-method-item img,
.walletup-method-tile img,
.wallet-up-payment-methods img,
.wallet-up-methods-container img {
    max-height: 48px !important;
    max-width: 80px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
}

.payment_box img,
.walletup-container img,
.walletup-qr-container img,
.walletup-content img {
}

.woocommerce-checkout input[type="radio"][name="payment_method"],
.woocommerce-checkout input[type="radio"][name="wallet_up_payment_method"],
.wp-block-woocommerce-checkout input[type="radio"][name="radio-control-wc-payment-method-options"],
.wallet-up-payment-methods input[type="radio"],
.wallet-up-methods-container input[type="radio"] {
    outline: none !important;
    border-radius: 50% !important; /* force circular so box-shadow follows the dot shape */
    box-shadow: none;
    transition: box-shadow 120ms ease-in-out;
}
.woocommerce-checkout input[type="radio"][name="payment_method"]:focus,
.woocommerce-checkout input[type="radio"][name="payment_method"]:focus-visible,
.woocommerce-checkout input[type="radio"][name="wallet_up_payment_method"]:focus,
.woocommerce-checkout input[type="radio"][name="wallet_up_payment_method"]:focus-visible,
.wp-block-woocommerce-checkout input[type="radio"][name="radio-control-wc-payment-method-options"]:focus,
.wp-block-woocommerce-checkout input[type="radio"][name="radio-control-wc-payment-method-options"]:focus-visible,
.wallet-up-payment-methods input[type="radio"]:focus,
.wallet-up-payment-methods input[type="radio"]:focus-visible,
.wallet-up-methods-container input[type="radio"]:focus,
.wallet-up-methods-container input[type="radio"]:focus-visible {
    outline: none !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 3px rgba(103, 79, 191, 0.32) !important; /* #674FBF @ 32%, circular thanks to border-radius:50% above */
    border-color: #674FBF !important;
}
.woocommerce-checkout li.wc_payment_method:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

@media (max-width: 600px) {
    .woocommerce-checkout li.wc_payment_method > label,
    ul.wc_payment_methods li.wc_payment_method > label {
        display: inline !important;
        line-height: 1.7 !important;
        white-space: normal !important;
    }
    .woocommerce-checkout li.wc_payment_method label img,
    ul.wc_payment_methods li.wc_payment_method label img,
    .woocommerce-checkout li.wc_payment_method label .ppcp-card-icon {
        max-width: 38px !important;
        max-height: 24px !important;
        margin: 0 4px 3px 0 !important;
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
    }
    .woocommerce-checkout #payment .wc_payment_methods li { padding: 10px 0 !important; }
    ul.wc_payment_methods li.wc_payment_method > input[type="radio"] {
        vertical-align: middle !important;
        margin-right: 8px !important;
    }
}

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment {
    --wu-accent: #674FBF;
    --wu-border: #e3e6ee;
    --wu-radius: 12px;
    --wu-tint: rgba(103, 79, 191, 0.06);
    --wu-ink: #1b2430;
    --wu-muted: #6b7280;
}
.woocommerce-checkout #payment ul.wc_payment_methods {
    list-style: none !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    background: #fff !important;
    border: 1.5px solid var(--wu-border) !important;
    border-radius: var(--wu-radius) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"]:hover {
    border-color: #c9c3e6 !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > input[type="radio"] {
    order: 0 !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 0 0 18px !important;
    accent-color: var(--wu-accent) !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > label {
    order: 1 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 16px 18px 16px 12px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    color: var(--wu-ink) !important;
    line-height: 1.35 !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > label > img,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > label .ppcp-card-icon {
    margin-left: auto !important;
    max-height: 24px !important;
    max-width: 46px !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"]:has(input[type="radio"]:checked) {
    border-color: var(--wu-accent) !important;
    box-shadow: 0 0 0 1px var(--wu-accent) inset !important;
    background: var(--wu-tint) !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box {
    order: 2 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    background: #f7f8fb !important;
    border: 0 !important;
    border-top: 1px solid var(--wu-border) !important;
    border-radius: 0 0 var(--wu-radius) var(--wu-radius) !important;
    color: var(--wu-muted) !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"]:has(input[type="radio"]:checked) > .payment_box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box > *,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box .wallet-up-payment-display,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box .walletup-container,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box .walletup-qr-container,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box .walletup-content {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.wc-block-components-radio-control-accordion-content .wallet-up-individual-method,
.wp-block-woocommerce-checkout .wallet-up-individual-method {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.wallet-up-individual-method > *,
.walletup-qr-link,
.wallet-up-payment-display,
.walletup-container,
.walletup-qr-container,
.walletup-content {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box::before,
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > .payment_box::after {
    display: none !important;
    content: none !important;
}
@media (max-width: 600px) {
    .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > label {
        padding: 14px 14px 14px 10px !important;
    }
    .woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > input[type="radio"] {
        margin-left: 14px !important;
    }
}

.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method[class*="payment_method_wallet_up"] > label > img,
.wallet-up-methods-container .wallet-up-method-icon {
    height: 22px !important;
    width: auto !important;
    max-width: 44px !important;
    object-fit: contain !important;
}

.woocommerce-checkout .wallet-up-methods-container,
.wp-block-woocommerce-checkout .wallet-up-methods-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 4px 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item,
.wp-block-woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 1.5px solid #e3e6ee !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
    text-align: left !important;
}
.woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item:hover {
    border-color: #c9c3e6 !important;
}
.woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item.selected,
.wp-block-woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item.selected {
    border-color: #674FBF !important;
    box-shadow: 0 0 0 1px #674FBF inset !important;
    background: rgba(103, 79, 191, 0.06) !important;
}
.woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item .wallet-up-method-name {
    order: 1 !important;
    flex: 1 1 auto !important;
    font-weight: 600 !important;
    color: #1b2430 !important;
    margin: 0 !important;
}
.woocommerce-checkout .wallet-up-methods-container .wallet-up-method-item .wallet-up-method-icon {
    order: 2 !important;
    margin: 0 0 0 auto !important;
}