.featured-collection {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.featured-collection__header {
  max-width: 40rem;
  margin-inline: auto;
}

@media screen and (min-width: 990px) {
  .featured-collection {
    flex-direction: row;
    gap: clamp(3rem, 4.44444vw - 1.4rem, 5rem);
    align-items: center;
    text-align: left;
  }

  .featured-collection__header {
    flex: 0 0 min(38rem, 30vw);
  }
}

.featured-collection__header > * + * {
  margin-top: var(--content-spacing-vertical, 1rem);
}

.featured-collection__heading {
  font-size: var(--font-size-heading-medium);
  margin-bottom: 0;
}

.featured-collection__description {
  font-size: var(--font-size-smallish);
}

.featured-collection__link {
  --content-spacing-vertical: 2rem;
}

.featured-collection__collection {
  min-width: 0;
  /* overflow: hidden; */
  width: 100%;

  .slider-component-inline-wrapper {
    --grid-horizontal-spacing: clamp(1rem, 2.46914vw + 0.03704rem, 3rem);
    --grid-column-gap: var(--grid-horizontal-spacing);

    --slider-nav-gap-max: calc((var(--spacing-edges) - var(--slider-button-icon-width) + var(--slider-button-padding-x)) - var(--slider-controls-padding-x));
    --slider-nav-gap: calc(4rem - var(--slider-button-padding-x));
  }

  .slider-component-inline-wrapper__content {
    display: block;

    .collection-slider {
      --offset-horizontal: var(--spacing-edges);
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
    }

    .slider {
      width: 100%;
    }

    .slider-buttons {
      position: static;
      transform: none;
    }

    .slider-button {
      margin-inline: 0;
    }
  }

  @media screen and (max-width: 749.9px) {
    .slider-component-inline .slider.is-active {
      --container-width: calc(100% - var(--grid-peek-width)) !important;
    }

    .slider-component-inline-wrapper {
      margin-inline: calc(var(--spacing-edges) * -1);
    }

    .slider-component-inline-wrapper__content {
      display: block;

      .slider-button {
        display: none;
      }
    }

    .slider-component-inline {
      --desktop-margin-left-first-item: max(
        var(--spacing-edges),
        calc((100vw - var(--page-width) + (var(--spacing-edges) * 2) - var(--grid-column-gap)) / 2)
      );
      --offset: calc(var(--spacing-edges) + var(--page-offset));
    }
  }

  @media screen and (min-width: 750px) and (max-width: 989.9px) {
    .slider-component-inline-wrapper {
      margin-inline: calc(var(--slider-button-padding-x) * -1);
    }
  }

  @media screen and (min-width: 750px) {
    .slider-component-inline :is(.product-grid, .card-grid).slider--desktop {
      --offset: 0;
    }
  }

  @media screen and (min-width: 990px) {
    .slider-component-inline-wrapper {
      --button-spacing: max(0px, var(--spacing-edges) - var(--slider-button-width) - var(--slider-controls-padding-x));
    }

    .slider-button--prev {
      margin-inline-end: var(--button-spacing);
    }

    .slider-button--next {
      margin-inline-start: var(--button-spacing);
    }

    .slider-component-inline-wrapper__content {
      /* TODO: Clean up */
      --offset-horizontal: min(var(--slider-nav-gap-max), var(--slider-button-width) + var(--slider-nav-gap));
      /* margin-right: calc(var(--offset-horizontal) * -1); */
      margin-right: calc(var(--spacing-edges) * -1);
      padding-right: var(--slider-controls-padding-x);
    }
  }
}

.featured-collection__collection-wrapper {
  width: 100%;
}