/* SEARCH RUST MARKET — Steam payment cards = balance top-up cards */

#steam-topup .steam-payment-methods{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
}

#steam-topup .steam-payment-option{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    cursor:pointer!important;
}

#steam-topup .steam-payment-option>input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Exact visual language of .rm-pay-card from balance top-up */
#steam-topup .steam-payment-card{
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    padding:12px 13px!important;
    border:1px solid var(--line-strong)!important;
    border-radius:14px!important;
    background:var(--surface)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease!important;
}

#steam-topup .steam-payment-main{
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    min-width:0!important;
}

#steam-topup .steam-payment-icon{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    border-radius:11px!important;
    color:var(--primary)!important;
    background:var(--primary-soft)!important;
    box-shadow:none!important;
    font-size:15px!important;
}

#steam-topup .steam-payment-copy{
    min-width:0!important;
    padding:0!important;
}

#steam-topup .steam-payment-card strong{
    display:block!important;
    color:var(--text)!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
}

/* Subtitles are intentionally hidden, matching the latest balance block */
#steam-topup .steam-payment-card small{
    display:none!important;
}

#steam-topup .steam-payment-fee{
    margin-left:auto!important;
    flex:0 0 auto!important;
    padding:5px 7px!important;
    border:0!important;
    border-radius:999px!important;
    color:var(--primary)!important;
    background:var(--primary-soft)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    position:static!important;
}

#steam-topup .steam-payment-option:hover .steam-payment-card{
    transform:translateY(-1px)!important;
    border-color:#bfdbfe!important;
    background:var(--surface)!important;
    box-shadow:none!important;
}

/* Exact selected state from balance top-up */
#steam-topup .steam-payment-option>input:checked + .steam-payment-card{
    border:1px solid var(--primary)!important;
    background:var(--primary-soft)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
    transform:none!important;
}

#steam-topup .steam-payment-option>input:checked + .steam-payment-card .steam-payment-icon{
    color:var(--primary)!important;
    background:var(--primary-soft)!important;
    box-shadow:none!important;
}

#steam-topup .steam-payment-option>input:checked + .steam-payment-card strong{
    color:var(--text)!important;
}

#steam-topup .steam-payment-option>input:checked + .steam-payment-card .steam-payment-fee{
    color:var(--primary)!important;
    background:rgba(37,99,235,.10)!important;
    border:0!important;
}

#steam-topup .steam-payment-option>input:focus-visible + .steam-payment-card{
    outline:2px solid var(--primary)!important;
    outline-offset:2px!important;
}

#steam-topup .steam-payment-option.is-disabled{
    cursor:not-allowed!important;
}

#steam-topup .steam-payment-option.is-disabled .steam-payment-card{
    opacity:.52!important;
    cursor:not-allowed!important;
    border-color:var(--line)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
    transform:none!important;
}

/* Keep the requested 1 / 2 / 3 layout on phones too. */
@media(max-width:620px){
    #steam-topup .steam-payment-methods{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:7px!important;
    }
    #steam-topup .steam-payment-card{
        min-height:58px!important;
        gap:7px!important;
        padding:9px 8px!important;
        border-radius:13px!important;
    }
    #steam-topup .steam-payment-main{
        gap:7px!important;
    }
    #steam-topup .steam-payment-icon{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
        border-radius:9px!important;
        font-size:12px!important;
    }
    #steam-topup .steam-payment-card strong{
        font-size:11px!important;
    }
    #steam-topup .steam-payment-fee{
        padding:4px 5px!important;
        font-size:8px!important;
    }
}