/* ========================================================================== 
   Veridian Health 2.6.48 — homepage banner image alignment + sharp source
   Scope: New Products and Featured Collection product carousels only.

   The image frame remains identical for every card. Artwork is kept fully
   visible with object-fit: contain, but is anchored to the bottom of the frame
   so products no longer appear to float high above the title/divider. The
   product miniature template uses a larger PrestaShop image source on the
   homepage, avoiding softness when these boxes are wider on desktop.
   ========================================================================== */

section.featured-products[data-type="newproducts"] .product-slider .product-miniature .thumbnail-top,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .thumbnail-top {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #fff !important;
}

section.featured-products[data-type="newproducts"] .product-slider .product-miniature .thumbnail-container .thumbnail-top > .product-thumbnail,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .thumbnail-container .thumbnail-top > .product-thumbnail,
section.featured-products[data-type="newproducts"] .product-slider .product-miniature .thumbnail-container .thumbnail-top > a.thumbnail.product-thumbnail,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .thumbnail-container .thumbnail-top > a.thumbnail.product-thumbnail {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  line-height: 0 !important;
}

section.featured-products[data-type="newproducts"] .product-slider .product-miniature .product-thumbnail picture,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .product-thumbnail picture {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

section.featured-products[data-type="newproducts"] .product-slider .product-miniature .product-thumbnail img,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .product-thumbnail img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: none !important;
  image-rendering: auto !important;
}

/* Keep the label/wishlist controls above the artwork after restoring the
   absolute media stage. */
section.featured-products[data-type="newproducts"] .product-slider .product-miniature .product-flags,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .product-flags,
section.featured-products[data-type="newproducts"] .product-slider .product-miniature .vh-product-wishlist-slot,
section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .vh-product-wishlist-slot {
  z-index: 5 !important;
}

/* Phones keep exactly the same bottom alignment; no low-resolution mobile
   source or transform is used, so the artwork stays crisp on high-DPI screens. */
@media (max-width: 767.98px) {
  section.featured-products[data-type="newproducts"] .product-slider .product-miniature .thumbnail-top,
  section.featured-products[data-type="popularproducts"] .product-slider .product-miniature .thumbnail-top {
    aspect-ratio: 1 / 1 !important;
  }
}