.pdp-fact-banner-section__subtitle {
  color: var(--color-secondary-accent);
}

.pdp-fact-banner-section__carousel {
  margin-top: 2rem;
  --slide-gap: 0.5rem;
  --slide-width: 25%;
  --carousel-side-padding: 1px;

  .carousel__dot {
    background: none;
    border-color: var(--color-white);
  }

  .carousel__dot--selected {
    background: var(--color-white);
    border-color: var(--color-grey-eggshell);
  }

  @media (min-width: 480px) {
    --slide-width: 20%;
  }
  @media (min-width: 768px) {
    --slide-width: calc(100% / 6);
  }

  @media (min-width: 1024px) {
    --slide-width: calc(100% / var(--slide-count-actual, 8));
    --slide-gap: clamp(0.5rem, 2vw, 1rem);

    .embla__controls {
      display: none;
    }
  }
}

.pdp-fact-banner-section__tile {
  padding: 0.5rem 0.75rem;
}

.pdp-fact-banner-section__icon {
  width: clamp(80px, 8vw, 90px);
  height: clamp(80px, 8vw, 90px);
  flex-shrink: 0;
  user-select: none;

  img,
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}