#grid.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

#grid.grid.hidden{
  display:none !important;
}

#stateBox.hidden{
  display:none !important;
}

#grid .listing-card{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(16,24,40,.06);
}

#grid .photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media(max-width:1200px){
  #grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  #grid.grid{grid-template-columns:1fr}
}