/* Circular Magnifier CSS */
.magnifier-container {
  position: relative;
}

.magnifier-lens {
  position: absolute;
  border: 3px solid #a94442;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  overflow: hidden;
  pointer-events: none;
  z-index: 999;
  display: none;
  background-repeat: no-repeat;
  background-color: rgba(255, 0, 0, 0.1); /* temporary for testing */
  transition: left 0.05s ease-out, top 0.05s ease-out; /* smooth movement */
}

.magnifier-lens {
  background-color: rgba(255, 0, 0, 0.2); /* translucent red for visibility */
}