@media (max-width: 749px) {
  .resa-collection-layout #product-grid {
    --x-spacing-phone: var(--collection-mobile-gap, 12px);
    column-gap: var(--collection-mobile-gap, 12px);
    row-gap: calc(var(--ax) * 28);
  }

  .resa-collection-layout #product-grid.grid--2-col-tablet-down > .grid__item {
    width: calc((100% - var(--collection-mobile-gap, 12px)) / 2);
    max-width: calc((100% - var(--collection-mobile-gap, 12px)) / 2);
    min-width: 0;
    flex-grow: 0;
  }
}