.matenro-collection-product-grid {
  padding-top: calc(var(--padding-y) * 0.6 - 25px);
  & .grid.product-grid {
    gap: 3%;
  }
  & .grid__item {
    width: 48.5%;
    max-width: 48.5%;
    margin-bottom: calc(2.5vw + 10px);
    &.mobile-1col {
      width: 100%;
      max-width: 100%;
      @media screen and (min-width: 600px) {
        width: 48.5%;
        max-width: 48.5%;
      }
    }
  }
  @media screen and (min-width: 750px) {
    padding-top: calc(var(--padding-y) * 0.2);
  }
  @media screen and (min-width: 1400px) {
    & .grid.product-grid {
      gap: 2%;
      & .grid__item {
        width: 32%;
        max-width: 32%;
        margin-bottom: calc(2.5vw + 10px);
      }
    }
  }
}