/* Кастомний курсор-«лінза» (тільки desktop, hover-fine) */
.lens-cursor{
  position:fixed;top:0;left:0;width:54px;height:54px;border-radius:50%;
  border:1.5px solid var(--ink);
  pointer-events:none;z-index:3000;mix-blend-mode:difference;
  transform:translate(-50%,-50%);
  transition:width .25s var(--ease-out), height .25s var(--ease-out), background .25s var(--ease-out), border-color .25s;
  display:flex;align-items:center;justify-content:center;
}
.lens-cursor::after{
  content:"";width:5px;height:5px;border-radius:50%;background:var(--paper);
}
.lens-cursor.is-link{width:88px;height:88px;background:var(--paper);border-color:transparent;}
.lens-cursor.is-link::after{content:"переглянути";font-family:var(--f-alt);font-size:10px;font-weight:600;color:var(--navy);width:auto;height:auto;text-transform:uppercase;letter-spacing:.04em;}
.lens-cursor.is-drag{width:88px;height:88px;background:var(--signal);border-color:transparent;}
.lens-cursor.is-drag::after{content:"тягни";font-family:var(--f-alt);font-size:10px;font-weight:700;color:#fff;width:auto;height:auto;text-transform:uppercase;}

html.has-lens, html.has-lens *{cursor:none!important;}

@media (hover:none), (pointer:coarse){
  .lens-cursor{display:none!important;}
}