/* Product Slider Fixes for Multiple Images */

#product-slider {
  position: relative;
  overflow: hidden;
}

#product-slider .product-slide {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%; /* Square aspect ratio */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#product-slider .slick-track {
  display: flex;
}

#product-slider .slick-slide {
  float: none;
  height: auto;
}

#product-thumbnail-slider .product-thumbnail {
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  transition: border-color 0.2s ease;
}

#product-thumbnail-slider .product-thumbnail:hover,
#product-thumbnail-slider .product-thumbnail.active {
  border-color: #000;
}