/*-- Produits --*/

#grid-produits {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

/*-- Filtres --*/

#filtres {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 40px;
}

#filtres .searchbar {
  width: 100%;
  border: none;
  border-radius: 10px;
}

.filtres {
  width: 100%;
}

/*********** RESPONSIF ***********/

@media screen and (max-width: 1230px) {
  #filtres {
    flex-direction: column;
    gap: 20px;
  }

  #searchbar-backoffice {
    height: 30px;
  }
}

@media screen and (max-width: 558px) {
  .bouton-filtre {
    border-radius: 0px !important;
  }
}

@media screen and (max-width: 900px) {
  #grid-produits {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 680px) {
  #filtres {
    margin-bottom: 20px;
  }

  #grid-produits {
    grid-template-columns: 1fr 1fr;
  }

  .produit .image {
    height: 130px;
  }
}

@media (min-width: 401px) and (max-width: 600px) {
  .produit .image {
    height: 110px !important;
  }
}

@media screen and (max-width: 400px) {
  #grid-produits {
    grid-template-columns: 1fr;
  }
}