#buyers_main{
  display: grid;
  gap: var(--space-5);
  padding: var(--space-5) 0}
/* list layout */
#buyers_list{
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr))}
@media (max-width: 700px){
  #buyers_list{
    grid-template-columns: 1fr;
  }
}
/* card */
#buyers_list .card{
  display: grid;
  grid-template-columns:1fr min-content}
#buyers_list .card .info{
  display: grid;
  gap: var(--space-2)}
#buyers_list .card .field{
  align-items: center;
  display: grid;
  gap: var(--space-2);
  grid-template-columns: min-content 1fr}