/* MMASHOP - Slick carousel dots v4
   17px dots, no animation, subtle hover different from active.
*/
.homepage-products-1 .slick-dots li,
.products-visible + .slick-dots li,
.slick-slider.slick-dotted .slick-dots li {
  width: 17px !important;
  height: 17px !important;
  margin: 0 5px !important;
}

.homepage-products-1 .slick-dots li button,
.products-visible + .slick-dots li button,
.slick-slider.slick-dotted .slick-dots li button {
  width: 17px !important;
  height: 17px !important;
  padding: 0 !important;
}

.homepage-products-1 .slick-dots li button:before,
.products-visible + .slick-dots li button:before,
.slick-slider.slick-dotted .slick-dots li button:before {
  width: 17px !important;
  height: 17px !important;
  font-size: 17px !important;
  line-height: 17px !important;
  opacity: 1 !important;
  color: #d2d2d2 !important;
  transform: none !important;
  transition: none !important;
}

.homepage-products-1 .slick-dots li.slick-active button:before,
.products-visible + .slick-dots li.slick-active button:before,
.slick-slider.slick-dotted .slick-dots li.slick-active button:before {
  color: #c31622 !important;
  transform: none !important;
}

/* Hover is intentionally subtle, not red */
.homepage-products-1 .slick-dots li:not(.slick-active):hover button:before,
.products-visible + .slick-dots li:not(.slick-active):hover button:before,
.slick-slider.slick-dotted .slick-dots li:not(.slick-active):hover button:before {
  color: #b8b8b8 !important;
  transform: none !important;
}

.homepage-products-1 .slick-dots li.slick-active:hover button:before,
.products-visible + .slick-dots li.slick-active:hover button:before,
.slick-slider.slick-dotted .slick-dots li.slick-active:hover button:before {
  color: #c31622 !important;
  transform: none !important;
}