.idcom-page-locked #wp-admin-bar-so_live_editor,
.idcom-page-locked #wp-admin-bar-edit {
  display: none !important;
}
.liste-produit {
  margin: 3rem auto;
}
.liste-produit .wrapper-masonry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.liste-produit .wrapper-masonry .masonry {
  width: 20%;
  min-width: 300px;
  margin: 1rem;
  text-align: center;
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: .3s all;
}
.liste-produit .wrapper-masonry .masonry .img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .liste-produit .wrapper-masonry {
    display: grid;
    gap: 1.75rem;
    flex-wrap: initial;
    justify-content: initial;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    grid-template-areas: "p1 p2 p3" "p4 p2 p3";
  }
  .liste-produit .wrapper-masonry .masonry {
    width: initial;
    min-width: initial;
    margin: initial;
  }
  .liste-produit .wrapper-masonry .masonry:hover {
    box-shadow: 0px 28px 20px -3px rgba(0,0,0,0.1);
  }
  .liste-produit .wrapper-masonry .masonry .img {
    width: 100%;
    object-fit: cover;
    object-fit: contain;
  }
  .liste-produit .wrapper-masonry .masonry.p1 {
    grid-area: p1;
  }
  .liste-produit .wrapper-masonry .masonry.p2 {
    grid-area: p2;
  }
  .liste-produit .wrapper-masonry .masonry.p3 {
    grid-area: p3;
  }
  .liste-produit .wrapper-masonry .masonry.p4 {
    grid-area: p4;
  }
  .liste-produit .wrapper-masonry .masonry.p1,
  .liste-produit .wrapper-masonry .masonry.p4 {
    height: 400px;
    overflow: hidden;
  }
  .liste-produit .wrapper-masonry .masonry.p1 .img,
  .liste-produit .wrapper-masonry .masonry.p4 .img {
    height: 300px;
  }
  .liste-produit .wrapper-masonry .masonry.p2,
  .liste-produit .wrapper-masonry .masonry.p3 {
    height: 800px;
  }
  .liste-produit .wrapper-masonry .masonry.p2 .img,
  .liste-produit .wrapper-masonry .masonry.p3 .img {
    height: 700px;
  }
  .liste-produit .wrapper-masonry .masonry .content-wrapper {
    height: 100%;
    padding: 0 1rem;
  }
}