/* MODTAC R39.23.8 — one image contract: cards always contain; PDP frame matches Product Hub square preview. */
.product-media.modtac-card-contain{overflow:hidden!important;background:#fff!important}
.product-media.modtac-card-contain .product-media__inner{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;transform:none!important;translate:none!important;scale:none!important;
}
.product-media.modtac-card-contain .product-media__inner>img{
  position:static!important;inset:auto!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:center center!important;
  transform:none!important;translate:none!important;scale:none!important;transform-origin:center center!important;
}

/* Public PDP base: same white safe frame as Product Hub. The wrapper owns Store framing;
   #pdp-main-image stays available to the existing zoom/viewer script. */
#pdp-main-media{position:relative!important;overflow:hidden!important;background:#fff!important}
#pdp-main-media>.modtac-pdp-frame-stage{
  position:absolute!important;left:50%!important;top:50%!important;
  width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important;
  pointer-events:none!important;
}
#pdp-main-media>.modtac-pdp-frame-stage>#pdp-main-image{
  position:static!important;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;
  margin:0!important;
}
#pdp-main-media.modtac-frame-v2>.modtac-pdp-frame-stage{
  left:calc(50% + (var(--modtac-frame-x,0) * .5%))!important;
  top:calc(50% + (var(--modtac-frame-y,0) * .5%))!important;
  transform:translate(-50%,-50%) scale(var(--modtac-frame-scale,1))!important;
}
#pdp-main-media.modtac-frame-legacy>.modtac-pdp-frame-stage{
  transform:translate(calc(-50% + var(--modtac-frame-x-legacy,0%)),calc(-50% + var(--modtac-frame-y-legacy,0%))) scale(var(--modtac-frame-scale,1))!important;
}

/* Neutralize the legacy PDP image transform only in the resting state. The existing
   hover/inspection interaction is free to take over while the pointer is over the media. */
#pdp-main-media.modtac-frame-auto:not(:hover) #pdp-main-image,
#pdp-main-media.modtac-frame-v2:not(:hover) #pdp-main-image,
#pdp-main-media.modtac-frame-legacy:not(:hover) #pdp-main-image{
  transform:none!important;translate:none!important;scale:none!important;
}
#pdp-thumbnails img{object-fit:contain!important;object-position:center center!important;transform:none!important}