/**
 * Shop product hover gallery (horizontal scrub).
 * Loaded after main.css — do not rebuild main.css via webpack (production utilities live there).
 */

.ppp-shop article .tease-product__hover-gallery {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.ppp-shop article .tease-product__hover-gallery--scrub {
  cursor: ew-resize;
}

.ppp-shop article .tease-product__hover-gallery__img {
  display: block;
  width: 100%;
  height: 100% !important;
  max-width: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
}