/* Gando 9.7.14 — Product-card image containment only.
 * Scope is intentionally limited to product imagery in product cards/search suggestions.
 * No card typography, spacing, controls, purchase UI, PDP gallery or unrelated component is changed.
 */

/* Main shoe + care product card component: keep the complete attachment centered in the visual frame. */
.product-card-v62[data-product-card] .product-card-v62__image-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

.product-card-v62[data-product-card] .product-card-v62__image-link .product-card__img,
.product-card-v62[data-product-card] .product-card-v62__image-link .care-product-card__image {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
}

/* Featured image is the stable default. This prevents touch/sticky-hover from replacing it. */
.product-card-v62[data-product-card] .product-card__img--primary {
  opacity: 1 !important;
}
.product-card-v62[data-product-card] .product-card__img--alt {
  opacity: 0 !important;
}

/* Preserve the existing secondary-image hover only on devices with a real mouse/hover capability. */
@media (hover: hover) and (pointer: fine) {
  .product-card-v62[data-product-card].has-alt:hover .product-card__img--primary,
  .product-card-v62[data-product-card].has-alt:focus-within .product-card__img--primary {
    opacity: 0 !important;
    transform: none !important;
  }
  .product-card-v62[data-product-card].has-alt:hover .product-card__img--alt,
  .product-card-v62[data-product-card].has-alt:focus-within .product-card__img--alt {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Touch/mobile: always show the featured image; no sticky-hover image swap. */
@media (hover: none), (pointer: coarse) {
  .product-card-v62[data-product-card] .product-card__img--primary {
    opacity: 1 !important;
    transform: none !important;
  }
  .product-card-v62[data-product-card] .product-card__img--alt {
    opacity: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }
}

/* Compact care cards on shoe PDP: same complete/centered image rule without changing card layout. */
.pdp-care-card[data-product-card] .pdp-care-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
}

/* Search popup product suggestions: only image fitting/alignment is normalized. */
.search-product-mini img,
.search-products .search-product-mini img {
  object-fit: contain !important;
  object-position: 50% 50% !important;
  margin: 0 !important;
}