#animated-lock {
    width: 80px;
    margin: 100px auto;
  }
  
  #shackle {
    transition: transform 0.4s ease;
    transform-origin: 12px 11px; /* punto di rotazione (il centro del lucchetto) */
  }
  
  .lock-closed #shackle {
    transform: rotate(0deg);
  }
  
  .lock-open #shackle {
    transform: rotate(-45deg); /* aperto = arco ruotato verso l’alto */
  }