/* ============================================================
   Product Detail Image Section
   Renders a single image at full natural aspect, no crop.
   ============================================================ */

.product-detail-image {
  width: 100%;
  margin: 0;
  padding: 0;
}

.product-detail-image__img {
  display: block;
  width: 100%;
  height: auto;
  /* Image is fluid up to this cap (--pdi-max-width, default 500px) then plateaus.
     No breakpoint, so no snap as the viewport crosses any threshold. */
  max-width: var(--pdi-max-width, 500px);
  margin: 0 auto;
}