.image-wrapper img {
  display: block;
  width: 100%;
}





.grid {
  display: grid;
  column-gap: 16px;
  row-gap: calc(16px * 2);
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}



@media only screen and (min-width: 480px) {

  .grid.mobile-carousel {
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  column-gap: 16px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(285px, 1fr);
  padding-bottom: 32px;
  -webkit-overflow-scrolling: touch;
}

}

@media only screen and (max-width: 479px) {
  .grid.mobile-carousel {
  grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
  column-gap: 10px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(285px, 1fr);
  overflow-x: auto;
  padding-bottom:70px;
  -webkit-overflow-scrolling: touch;
}
}

@media (min-width: 1024px) {
  .grid.mobile-carousel {
    column-gap: 24px;
  }
}
@media (min-width: 1024px) {
  .grid {
    column-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}



.product-carousel {
  margin-bottom: 64px;
}
@media (min-width: 600px) {
  .product-carousel {
    margin-bottom: 96px;
  }
}
@media (min-width: 1024px) {
  .product-carousel {
    margin-bottom: 128px;
  }
}


.product img {
  margin-bottom: 16px;
}


.debug {
  border: 1px solid red;
}