/* Spatz Hover Image Cycle 1.0.1
   Fixes flicker/collapse by:
   - keeping the base (first) image in normal flow to preserve height
   - overlaying other images absolutely with opacity toggling
   - removing pointer events from images so hover remains on container
*/

.shop-item .item-image-inner {
  position: relative;
}

.shop-item .item-image-inner img {
  display: block;
  width: 100%;
  height: auto;
}

/* Base image stays in-flow to hold height */
.shop-item .item-image-inner img.spatz-hic-base {
  position: relative;
  z-index: 1;
}

/* Overlay images are stacked and faded in/out */
.shop-item .item-image-inner img.spatz-hic-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 160ms linear;
  pointer-events: none; /* critical: don't steal hover */
}

/* Active overlay */
.shop-item .item-image-inner img.spatz-hic-overlay.spatz-hic-active {
  opacity: 1;
}