@layer components {
  .product-list__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-unit-m);
  }

  .product-list__slides {
    max-width: 100%;
  }

  .product-list__slide:not(:last-child) {
    padding-right: var(--spacing-unit-xs);

    @media screen and (min-width: 768px) {
      padding-right: var(--spacing-unit-s);
    }
  }
}