/* Keep homepage carousel product images inside the card and clear of hover actions. */
#homepage-1 .ps-product-list .ps-product,
#homepage-1 .ps-product-list .owl-item > .ps-product {
  overflow: hidden !important;
  border-radius: 12px !important;
  contain: paint !important;
}

#homepage-1 .ps-product-list .ps-product .ps-product__thumbnail {
  position: relative !important;
  box-sizing: border-box !important;
  height: 255px !important;
  padding: 18px 18px 86px !important;
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
  background: #ffffff !important;
  clip-path: inset(0 round 12px 12px 0 0) !important;
  isolation: isolate !important;
}

#homepage-1 .ps-product-list .ps-product .ps-product__thumbnail > a,
#homepage-1 .ps-product-list .ps-product .ps-product__thumbnail picture {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#homepage-1 .ps-product-list .ps-product .ps-product__thumbnail img,
#homepage-1 .ps-product-list .ps-product:hover .ps-product__thumbnail img,
#homepage-1 .ps-product-list .ps-product:focus-within .ps-product__thumbnail img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
}

#homepage-1 .ps-product-list .ps-product .ps-product__thumbnail .ps-product__actions {
  position: absolute !important;
  z-index: 3 !important;
  left: 50% !important;
  right: auto !important;
  bottom: 20px !important;
  max-width: calc(100% - 36px) !important;
  transform: translateX(-50%) !important;
}

#homepage-1 .ps-product-list .ps-product:hover .ps-product__thumbnail .ps-product__actions,
#homepage-1 .ps-product-list .ps-product:focus-within .ps-product__thumbnail .ps-product__actions {
  transform: translateX(-50%) !important;
}

@media (max-width: 1199px) {
  #homepage-1 .ps-product-list .ps-product .ps-product__thumbnail {
    height: 230px !important;
    padding: 16px 16px 82px !important;
  }
}

@media (max-width: 767px) {
  #homepage-1 .ps-product-list .ps-product .ps-product__thumbnail {
    height: 200px !important;
    padding: 14px 14px 76px !important;
  }
}