.collection-slider {
  container-type: inline-size;
}

.collection-slider-item {
  flex: 0 0 auto;
  width: calc((100cqi - (var(--s1) * 3)) / 4);
}

@media (max-width: 1023px) {
  .collection-slider-item {
    width: calc((100cqi - var(--s1)) / 2);
  }
}

@media (max-width: 767px) {
  .collection-slider-item {
    width: max(240px, 70vw);
  }
}