/* Requirement 11 – accessible carousel touch targets without changing the visual arrows. */
@media (max-width: 767.98px) {
  #carouselExampleControls .carousel-control-prev,
  #carouselExampleControls .carousel-control-next {
    width: 40px;
    height: 44px;
    right: auto;
    top: auto;
    bottom: 0;
  }
  #carouselExampleControls .carousel-control-prev { left: calc(50% - 48px); }
  #carouselExampleControls .carousel-control-next { left: calc(50% + 8px); }
}
/* Explicit native dimensions should not stretch responsive homepage images. */
#products-slider img.card-img, #products-slider img.card-img2 { height: auto; }