.zoom-container {
  position: relative;
  overflow: hidden;
  cursor: none;
}

.zoom-img {
  transition: transform 0.2s ease-out;
}

.zoom-lens {
  position: absolute;
  width: 80px; 
  height: 80px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  display: none;
}

#zoomOverlay {
  pointer-events: none; /* Ensures mouse events pass through */
}

#zoomResult {
  background-repeat: no-repeat;
  background-size: 200%; /* Zoom factor */
}

.btn.active {
  background-color: #800090;
  color: white;
  border: 2px solid #800090;
}

th, td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
}

th {
  background-color: #eee;
}