/* ETHOS BIO — PRODUCT IMAGE RESET
   ------------------------------------------------------------------
   Linked LAST before </head> on every storefront page. Do not remove.

   This file is the single, authoritative guarantee for how product
   photography renders. The approved studio images already contain their
   own dark background — so the page must NOT add a second frame around
   them. This reset neutralises every rule that previously broke them:
       - black / colored image wrappers
       - fixed aspect-ratio boxes
       - overflow: hidden (letterbox crop)
       - object-fit: cover
       - hover zoom / scale transforms
       - inset shadows, borders, padding boxes

   The image itself is the visual surface: full image, object-fit:contain,
   natural height, no crop, no zoom, no extra card behind it.
   Because it loads last and uses !important, it wins the cascade even if
   an older rule is reintroduced elsewhere.                              */

/* ---- 1. Image WRAPPERS: strip frame, box, padding, ratio, clip ---- */
.prod-vial,
.e-card-img,
.e-gallery-main,
.e-thumb,
.product-image-frame,
.image-frame,
.product-card__image,
.catalog-card__image,
.reagent-card__image,
.catalog-card-image,
.pdp-gallery-main,
.pdp-gallery-thumb {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}

/* ---- 2. The IMAGE is the surface: full, contain, natural height ---- */
.prod-vial img,
.vial-img,
.e-card-img img,
.e-gallery-main img,
.e-thumb img,
.product-image,
.product-image-frame img,
.image-frame img,
.product-card img,
.catalog-card img,
.reagent-card img,
.catalog-card-image img,
.pdp-gallery img,
.pdp-gallery-main img,
.pdp-gallery-thumb img,
.pdp-main-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;      /* kills any baseline scale */
}

/* ---- 3. Kill hover zoom on all product imagery ---- */
.prod:hover .vial-img,
.prod-vial:hover .vial-img,
.e-card:hover .e-card-img img,
.e-card-img:hover img,
.e-gallery-main:hover img,
.pdp-gallery-main:hover img,
.catalog-card:hover img,
.product-card:hover img {
  transform: none !important;
}