/* Keep primary and alternate catalogue images in the same padded stage. */
.trinity-product-card .thumbnail-image {
  --trinity-card-image-pad-x: 1rem;
  --trinity-card-image-pad-bottom: 1rem;
}

.trinity-product-card .thumbnail-image.has-hover-image > .product-image:not(.product-image-hover) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

.trinity-product-card .thumbnail-image.has-hover-image > .product-image-hover {
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: var(--trinity-card-image-pad-x) !important;
  width: calc(100% - var(--trinity-card-image-pad-x) - var(--trinity-card-image-pad-x)) !important;
  height: calc(100% - var(--trinity-card-image-pad-bottom)) !important;
  object-fit: contain !important;
  transform: none !important;
}

@media (min-width: 992px) {
  .trinity-product-card .thumbnail-image {
    --trinity-card-image-pad-x: 1.5rem;
    --trinity-card-image-pad-bottom: 1.25rem;
  }
}

@media (max-width: 767.98px) {
  .trinity-product-card .thumbnail-image {
    --trinity-card-image-pad-x: 0.35rem;
    --trinity-card-image-pad-bottom: 0.6rem;
  }
}

@media (max-width: 575.98px) {
  .trinity-product-card .thumbnail-image {
    --trinity-card-image-pad-x: 0.75rem;
    --trinity-card-image-pad-bottom: 0.75rem;
  }
}