/**
 * Product suggestions slider — mobile overrides.
 * Handles Bootstrap col / Slick conflict + dot visibility on dark bg.
 */

/* When Slick takes over, let slides fill the track width */
.product-suggestions-row.slick-initialized .product-suggestions-item {
  max-width: 100%;
  flex: 0 0 100%;
  width: 100%;
}

/* White dots on dark background */
.product-suggestions .slick-dots li button {
  background: #fff;
}

/* Make sure dots are visible (not hidden by overflow or position) */
.product-suggestions .slick-slider {
  position: relative;
  padding-bottom: 40px;
}

.product-suggestions .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}