.shop-the-set {
  .slideshow.banner {
    min-height: unset;
    &::after {
      content: none;
    }
  }

  .banner__heading {
    text-align: left;
  }

  h2.banner__heading {
    margin-bottom: 2rem;
  
    @media screen and (min-width: 750px) {
      margin-bottom: 4rem;
    }

    /* Prevents text overlap with slider controls */
    &::before {
      content: '';
      float: right;
      width: 115px;
      height: 3.5rem;
    }
  }

  &.page-width .slideshow__slide {
    border-radius: 16px;
  }

  .slideshow__slide {
    padding: 1.6rem;
    margin: 0 1rem;

    @media screen and (min-width: 750px) {
      padding: 4rem;
      flex-direction: row;
    }
  }

  /* left side */
  .slideshow__media {
    border-radius: 12px;
    background-color: transparent;
    position: relative;

    @media screen and (min-width: 750px) {
      margin-right: 2rem;
      max-width: 560px;
    }
  }

  .slideshow__media.banner__media img,
  .slideshow__media.banner__media svg {
    position: relative;
  }

  /* right side*/
  .slideshow__text-wrapper {
    position: relative;
    margin: 0 0 0 auto;
    padding: 2rem 0;

    @media screen and (min-width: 750px) {
      max-width: calc(50% + 2rem);
      padding: 0;
    }

    .slideshow__text.banner__box {
      height: 100%;
      width: 100%;
      padding: 0;
      max-width: 100%;
      min-width: unset;
      justify-content: start;
      align-items: start;
      background-color: transparent;

      .banner__text {
        text-align: left;
      }
    }
  }

  .slideshow__controls {
    border: none;
    gap: 1.6rem;
    top: 56%;
    position: absolute;
    right: 3rem;

    @media screen and (min-width: 750px) {
      top: 12rem;
      position: absolute;
      right: 9rem;
    }

    .slider-button {
      background: transparent;
      border-radius: 100%;
      border: 0.1rem solid rgba(var(--color-foreground), 0.1);

      .icon {
        color: rgb(var(--color-foreground));
      }

      &:hover {
        background: rgb(var(--color-foreground));

        .icon {
          color: rgb(var(--color-background));
        }
      }

      &:disabled {
        display: none;
      }

      &:focus-visible {
        outline-offset: 0px;
        outline-style: auto;
      }
    }
  }

  .slider-counter {
    font-size: 2rem;
    letter-spacing: 8px;

    span:not(.full-opacity) {
      opacity: 0.5;
    }
  }
}