.swiper-pagination-bullet {
  background-color: var(--colors-product-product-light);
  opacity: 1;
  transition: background-color 0.3s ease-in-out;
}

.swiper-pagination-bullet-active {
  background-color: var(--colors-product-product);
}

.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

div:has(> .swiper-pagination-lock) {
  display: none;
}