/* V7: the original sanding-machine silhouette replaces the black circular badge.
   The divider, range value, drag behavior, and caption remain the interaction cues. */
.hero-premium .comparison-handle {
  left: clamp(68px, var(--reveal), calc(100% - 68px));
  width: 92px;
  height: 92px;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
  padding: 0;
}
.hero-premium .comparison-handle img {
  display: block;
  width: 132px;
  height: 150px;
  max-width: none;
  border-radius: 0;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 3px 7px rgb(0 0 0 / 58%));
}
.hero-premium .comparison-handle:focus-visible {
  outline: 3px solid var(--paper);
  outline-offset: 7px;
}
@media (max-width: 680px) {
  .hero-premium .comparison-handle {
    left: clamp(58px, var(--reveal), calc(100% - 58px));
    width: 76px;
    height: 76px;
  }
  .hero-premium .comparison-handle img {
    width: 112px;
    height: 128px;
  }
}
@media (max-width: 359px) {
  .hero-premium .comparison-handle {
    left: clamp(52px, var(--reveal), calc(100% - 52px));
    width: 68px;
    height: 68px;
  }
  .hero-premium .comparison-handle img {
    width: 100px;
    height: 114px;
  }
}