/* ===============================
   IMAGE LENS – GLASS v1 (x2 motion)
   =============================== */

.image-lens {
  position: relative;
  overflow: visible;
}

/* Glazen bol */
.image-lens .image-lens-optical {
  position: absolute;
  top: -140px;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 30;

  background:
    radial-gradient(circle at 28% 26%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.55) 22%,
      rgba(200,200,200,0.25) 42%,
      rgba(120,120,120,0.35) 62%,
      rgba(0,0,0,0.85) 100%
    );

  box-shadow:
    inset -18px -22px 35px rgba(255,255,255,0.35),
    inset 22px 28px 65px rgba(0,0,0,0.65),
    inset 0 0 90px rgba(0,0,0,0.45),
    0 35px 90px rgba(0,0,0,0.55);

  outline: 1px solid rgba(255,255,255,0.35);
}

/* Highlight */
.image-lens .image-lens-optical::after {
  content:"";
  position:absolute;
  top:22%;
  left:30%;
  width:38%;
  height:38%;
  border-radius:50%;
  background:rgba(255,255,255,0.45);
  filter:blur(12px);
  opacity:0.85;
}

/* Binnenkant lens */
.image-lens .image-lens-inner {
  position:absolute;
  inset:12%;
  border-radius:50%;
  overflow:hidden;
}