.featured-collection-with-media .section-inner {
  max-width: 100%;
  padding-inline: 0;

  & .oke-stars {
    --oke-stars-foregroundColor: var(--color-white);
    --oke-stars-backgroundColor: var(--color-dark-gray);
  }

  .product-item__price-main .sale {
    color: var(--white);
  }
}

.featured-collection-with-media__products-wrapper {
  color: var(--color-white);
  background: var(--color-tula-blue-dark);

  & .product-item .product-item__subtitle {
    color: var(--color-white);
  }

  & .product-item__image-link {
    background-color: var(--color-background);
  }
}

.featured-collection-with-media__inner {
  gap: 0;
}

@media (max-width: 859px) {
  .featured-collection-with-media__products-wrapper {
    padding: var(--space-outer);
  }

  .featured-collection-with-media {
    & .overlay-content .overlay-content__text-container {
      justify-self: var(--text-horizontal-position-mobile);
      align-self: var(--text-vertical-position-mobile);
      text-align: var(--text-alignment-mobile);

      & .button-wrapper {
        justify-content: var(--text-horizontal-position-mobile);
      }
    }

    & .section-footer {
      display: block;
    }

    & .scroll-slider-page-dots [data-scroll-slider-page-dot] {
      background-color: var(--color-white);
      border-color: var(--color-white);
    }
  }
}

@media (min-width: 860px) {
  .featured-collection-with-media__inner {
    & .featured-collection-with-media__media-block,
    & .featured-collection-with-media__products-wrapper {
      width: calc(100% - var(--media-width));
    }
  }

  .featured-collection-with-media__products-wrapper {
    padding: var(--active-gap);
  }

  .featured-collection-with-media__media-block {
    max-height: calc(100vh - var(--header-desktop-sticky-height));
    position: sticky;
    top: var(--header-desktop-sticky-height);
  }

  .featured-collection-with-media .section-footer {
    display: none;
  }
}

@media (min-width: 1024px) {
  .featured-collection-with-media__overlay-content,
  .featured-collection-with-media__products-wrapper {
    padding-block: var(--spacing-10);
  }
}