.product-strip {
  --strip-cols: 2;
  --strip-gap: var(--space-4);
}

.product-strip__viewport {
  overflow: hidden;
  width: 100%;
  container-type: inline-size;
}

.product-strip__track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--strip-gap);
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.product-strip__item {
  flex: 0 0 var(--strip-item-w, calc((100cqw - (var(--strip-cols) - 1) * var(--strip-gap)) / var(--strip-cols)));
  width: var(--strip-item-w, calc((100cqw - (var(--strip-cols) - 1) * var(--strip-gap)) / var(--strip-cols)));
  min-width: 0;
  box-sizing: border-box;
}

.product-strip__item > .product-card {
  height: 100%;
}

@media (min-width: 768px) {
  .product-strip {
    --strip-cols: 4;
    --strip-gap: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-strip__track {
    will-change: auto;
    transition: none;
  }
}