/* Final series-page polish: keep product images clean, without external grey frames. */
#seriesApp .series-product-tile,
#seriesApp .series-product-tile:hover,
#seriesApp .series-product-tile:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: #ffffff !important;
}

#seriesApp .series-product-tile figure,
#seriesApp .series-product-tile:hover figure,
#seriesApp .series-product-tile:focus-visible figure {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: #ffffff !important;
}

#seriesApp .series-product-tile figure::before,
#seriesApp .series-product-tile figure::after {
  content: none !important;
  display: none !important;
}

#seriesApp .series-product-tile img {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Keep every product visible by default; only real angle-image pairs switch on hover. */
#seriesApp .series-product-tile .product-front-image {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
  transform: none !important;
}

#seriesApp .series-product-tile .product-angle-image {
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

#seriesApp .series-product-tile:hover .product-front-image,
#seriesApp .series-product-tile:focus-visible .product-front-image {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#seriesApp .series-product-tile:hover .product-angle-image,
#seriesApp .series-product-tile:focus-visible .product-angle-image {
  opacity: 0 !important;
  visibility: hidden !important;
}

#seriesApp .series-product-tile.has-angle:hover .product-front-image,
#seriesApp .series-product-tile.has-angle:focus-visible .product-front-image {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: perspective(900px) rotateY(-10deg) translateY(-10px) scale(0.98) !important;
}

#seriesApp .series-product-tile.has-angle:hover .product-angle-image,
#seriesApp .series-product-tile.has-angle:focus-visible .product-angle-image {
  opacity: 1 !important;
  visibility: visible !important;
  transform: perspective(900px) rotateY(-12deg) translateY(-8px) scale(1.04) !important;
}