.product-card-wrapper__base {
  --wrapper-columns: 1;
  --wrapper-gap: var(--space-16);
  display: grid;
  grid-template-columns: repeat(var(--wrapper-columns), 1fr);
  gap: var(--wrapper-gap);
}
@media (min-width: 768px) {
  .product-card-wrapper__base {
    --wrapper-gap: var(--space-24);
  }
  .product-card-wrapper__base.product-card-wrapper__columns--one {
    --wrapper-columns: 1;
  }
  .product-card-wrapper__base.product-card-wrapper__columns--two {
    --wrapper-columns: 2;
  }
  .product-card-wrapper__base.product-card-wrapper__columns--three {
    --wrapper-columns: 3;
  }
  .product-card-wrapper__base.product-card-wrapper__columns--four {
    --wrapper-columns: 4;
  }
  .product-card-wrapper__base.product-card-wrapper__columns--six {
    --wrapper-columns: 6;
  }
  .product-card-wrapper__base.product-card-wrapper__columns--six:has(.product-card__item--style-navigation-row) {
    --wrapper-columns: 2;
  }
}