/* Trijal Mart PDP v12: precise image frame fix only.
   Scope: product.php only. Keep Amazon-style preview zoom, remove only the source image
   white canvas/side frame and the visible lens square. No header/menu/cart changes. */

.tm-product-page .tm-gallery-inner{
  align-items:flex-start!important;
}

.tm-product-page .tm-product-main-media{
  position:relative!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  overflow:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--tm-media-w, auto)!important;
  height:var(--tm-media-h, auto)!important;
  min-height:0!important;
  max-width:100%!important;
  margin:0!important;
  line-height:0!important;
}

.tm-product-page .tm-product-main-media::before,
.tm-product-page .tm-product-main-media::after{
  content:none!important;
  display:none!important;
}

.tm-product-page .tm-product-main-media img#mainProductImage,
.tm-product-page img#mainProductImage{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  cursor:zoom-in!important;
  transform:none!important;
  transition:opacity .12s ease!important;
}

/* Keep source image stable. The zoomed detail appears in preview panel only. */
.tm-product-page .tm-product-main-media:hover img#mainProductImage,
.tm-product-page .tm-product-main-media.is-hover-zooming img#mainProductImage,
.tm-product-page .tm-product-main-media.is-zooming img#mainProductImage{
  transform:none!important;
}

/* Remove only the lens/selection square. */
.tm-zoom-lens,
.tm-product-page .tm-zoom-lens,
.tm-product-page .tm-product-main-media.is-zooming .tm-zoom-lens{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep the Amazon-style hover zoom preview panel. */
.tm-zoom-preview{
  position:fixed!important;
  z-index:9999!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  border:1px solid #d6deea!important;
  border-radius:4px!important;
  box-shadow:0 16px 44px rgba(15,23,42,.18)!important;
  transform:none!important;
}
.tm-zoom-preview.is-visible{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

.tm-product-page .tm-image-zoom-icon{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:6!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.95)!important;
  color:#123f70!important;
  border:1px solid rgba(203,213,225,.92)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.10)!important;
  pointer-events:none!important;
  line-height:1!important;
}

.tm-product-page .tm-product-gallery-hint{
  display:block!important;
  text-align:left!important;
  color:#52637a!important;
  font-size:12.5px!important;
  font-weight:700!important;
  margin:0!important;
  line-height:1.35!important;
}

@media (max-width:760px), (hover:none), (pointer:coarse){
  .tm-zoom-preview{display:none!important;}
  .tm-product-page .tm-product-main-media img#mainProductImage{transform:none!important;}
}