.embla--product-slider {
  --slide-size: calc(100% / 2);

  .embla__dots {
    margin-top: 15px;
  }

  .embla__dots .embla__dot {
    --dot-size: 1.8rem;
  }

  .embla__dots .embla__dot:after {
    --dot-size: 0.6rem;
  }
}


@media screen and (min-width: 768px) {
  .embla.embla--product-slider {
    --slide-size: 28.9rem;

    .embla__dots {
      margin-top: 20px;
    }

    .embla__dots .embla__dot:after {
      --dot-size: 0.8rem;
    }
  }
}