.collection-list__collections[data-standard-grid-spacing-type="collection-list"][data-collection-item-style="overlay"] {
  & .collection-item__link {
    position: relative;
    width: 100%;
  }

  & .collection-item__image__wrap {
    margin-bottom: 0;
  }

  & .collection-item__title {
    position: absolute;
    inset: var(--spacing-6);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0;
    color: var(--color-white);
    line-height: 1;
    text-transform: uppercase;
    font-weight: var(--font-body-bold-weight);
  }

  & .collection-item__image, & .image-overlay {
    border-radius: var(--custom-border-radius);
  }
}

.collection-list {
  & .scroll-all-sizes .scroll-slider__slider {
    gap: var(--spacing-1);
  }
  & .scroll-slider-nav-button {
    color: var(--color-black);
    background-color: var(--color-background-primary-brand);
    padding: var(--spacing-5);
    &:not([disabled]) {
      opacity: 1;
    }
    & .icon {
      width: 24px;
      height: 24px;
    }
  }

  & .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--prev {
    left:var(--nav-button-offset);
  }
  & .scroll-slider-nav-button-wrapper.scroll-slider-nav-button-wrapper--next {
    right:var(--nav-button-offset);
  }
}

@media (max-width: 719px) {
  .collection-list {
    & .scroll-slider-nav-button {
      display: none;
    }
    .image.aspect-ratio--square > * {
      aspect-ratio: 249 / 187;
    }
    & .collection-item {
      min-width: 253px;
    }
  }
}

@media (min-width: 720px) {
  .collection-list__inner[data-has-slider="true"][data-slider-desktop="true"] {
    & .scroll-slider {
      width: calc(100% + (var(--space-outer) * 2));
      margin-left: calc(var(--space-outer) * -1);
      margin-right: calc(var(--space-outer) * -1);
    }

    & .scroll-slider__slider {
      padding-left: var(--space-outer);
      padding-right: var(--space-outer);
      scroll-padding-left: var(--space-outer);
    }
  }
}

@media (max-width: 959px) {
  .collection-list.featured-links--single-column-mobile {
    & .scroll-slider__slider > * {
      scroll-snap-align: center;
    }
  }
}

@media (min-width: 1024px) {
  .collection-list {
    & .section-inner {
      max-width: unset;
    }
  }
}