/* A temporary lens uses the original image rectangle; cards keep their layout. */
.gmx-zoom-host { position: relative !important; }
.gmx-zoom-hint-host { position: relative !important; }
img.gmx-zoom-source { transform: none !important; transition: none !important; }
.gmx-image-lens {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

/* A small circular expand symbol, matching the photographic reference. */
.gmx-image-hint {
  position: absolute !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1.5px solid rgba(255, 255, 255, .8) !important;
  border-radius: 50% !important;
  background: rgba(17, 17, 15, .64) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-7 7M10 20H4v-6M4 20l7-7'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
  z-index: 3;
  pointer-events: none !important;
}
@media (any-hover: hover) and (any-pointer: fine) {
  img.gmx-zoomable-photo { cursor: zoom-in; }
}
@media not all and (any-hover: hover) {
  .gmx-image-hint { display: none !important; }
}